使用Vue CLI創(chuàng)建typescript項(xiàng)目的方法
使用最新的Vue CLI @vue/cli創(chuàng)建typescript項(xiàng)目，使用vue -V查看當(dāng)前的vue cli版本
安裝命令
npm install -g @vue-cli
創(chuàng)建項(xiàng)目
vue create my-vue-typescript
上下鍵選擇，空格鍵確定
接下來(lái)是一些常規(guī)選項(xiàng)
下面是詢(xún)問(wèn)要不要記錄這次配置以便后面直接使用，我們選擇y
當(dāng)確定配置后會(huì)在C:\Users\Administrator\.vuerc下生成一個(gè)剛選好的配置記錄
{
"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
}
}
}
然后再回車(chē)就開(kāi)始創(chuàng)建項(xiàng)目，但是這里卻報(bào)了一個(gè)錯(cuò)，大概意思是源有問(wèn)題。
ERROR command failed: yarn --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist
于是搜了下原因，原來(lái)是創(chuàng)建時(shí)候的默認(rèn)源配置導(dǎo)致，vue cli 安裝報(bào)錯(cuò)問(wèn)題解決
所以修改下剛才生成的.vuerc下的useTaobaoRegistry屬性值為false就可以了
{
"useTaobaoRegistry": false,
...
}
再次安裝成功
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
setup是Vue3中引入的一個(gè)新的組件選項(xiàng)，是Vue3中函數(shù)式組件的核心部分，它提供了一種新的方式來(lái)編寫(xiě)組件邏輯，下面就來(lái)和大家講講它的使用和原理2023-08-08
這篇文章介紹了Vue.js中v-model指令的用法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
解決Vue中mounted鉤子函數(shù)獲取節(jié)點(diǎn)高度出錯(cuò)問(wèn)題
本篇文章給大家分享了如何解決Vue中mounted鉤子函數(shù)獲取節(jié)點(diǎn)高度出錯(cuò)問(wèn)題，對(duì)此有興趣的朋友可以參考學(xué)習(xí)下。2018-05-05
這篇文章主要介紹了vue3中Hook使用以及Hook結(jié)合自定義指令方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
詳解Vue3?父組件調(diào)用子組件方法($refs?在setup()、＜script?setup＞?中使用)
這篇文章主要介紹了Vue3?父組件調(diào)用子組件方法（$refs?在setup()、＜script?setup＞?中使用）,在 vue2 中 ref 被用來(lái)獲取對(duì)應(yīng)的子元素，然后調(diào)用子元素內(nèi)部的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-08-08
這篇文章主要介紹了vue-cli@3.0 使用及配置說(shuō)明,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
本篇文章主要介紹了Vue.js -- 過(guò)濾器使用總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
利用Vue v-model實(shí)現(xiàn)一個(gè)自定義的表單組件
本篇文章主要介紹了利用Vue v-model實(shí)現(xiàn)一個(gè)自定義的表單組件的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
自定義elementui上傳文件以及攜帶參數(shù)問(wèn)題
這篇文章主要介紹了自定義elementui上傳文件以及攜帶參數(shù)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-08-08
在Vue中使用CSS3實(shí)現(xiàn)內(nèi)容無(wú)縫滾動(dòng)的示例代碼
這篇文章主要介紹了在Vue中使用CSS3實(shí)現(xiàn)內(nèi)容無(wú)縫滾動(dòng)的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11