使用VueCLI創(chuàng)建typescript項目的方法

使用最新的Vue CLI @vue/cli創(chuàng)建typescript項目，使用vue -V查看當前的vue cli版本

龍門網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),龍門網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為龍門上千余家提供企業(yè)網(wǎng)站建設(shè)服務。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務好的龍門做網(wǎng)站的公司定做！

安裝命令

npm install -g @vue-cli

創(chuàng)建項目

vue create my-vue-typescript

上下鍵選擇，空格鍵確定

接下來是一些常規(guī)選項

下面是詢問要不要記錄這次配置以便后面直接使用，我們選擇y

當確定配置后會在C:\Users\Administrator\.vuerc下生成一個剛選好的配置記錄

{
 "useTaobaoRegistry": true,
 "presets": {
  "my-vue-typescript": {
   "useConfigFiles": true,
   "plugins": {
    "@vue/cli-plugin-babel": {},
    "@vue/cli-plugin-typescript": {
     "classComponent": true,
     "tsLint": true,
     "lintOn": [
      "save"
     ],
     "useTsWithBabel": true
    }
   },
   "router": true,
   "routerHistoryMode": true,
   "vuex": true
  }
 }
}

然后再回車就開始創(chuàng)建項目，但是這里卻報了一個錯，大概意思是源有問題。

ERROR command failed: yarn --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist

于是搜了下原因，原來是創(chuàng)建時候的默認源配置導致，vue cli 安裝報錯問題解決

所以修改下剛才生成的.vuerc下的useTaobaoRegistry屬性值為false就可以了

{
 "useTaobaoRegistry": false,
  ...
}

再次安裝成功

原文

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

本文標題：使用VueCLI創(chuàng)建typescript項目的方法
文章出自：http://muchs.cn/article2/johooc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、全網(wǎng)營銷推廣、關(guān)鍵詞優(yōu)化、網(wǎng)站制作、動態(tài)網(wǎng)站、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)