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

發(fā)布時間：2020-10-03 16:12:16 來源：腳本之家閱讀：159 作者：秋雨欄目：web開發(fā)

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

安裝命令

npm install -g @vue-cli

創(chuàng)建項目

vue create my-vue-typescript

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

上下鍵選擇，空格鍵確定

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

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

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

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

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

當(dāng)確定配置后會在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)建時候的默認(rèn)源配置導(dǎo)致，vue cli 安裝報錯問題解決

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

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

{
 "useTaobaoRegistry": false,
  ...
}

再次安裝成功

原文

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽