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