使用Vue CLI創(chuàng)建typescript項(xiàng)目

gaomysion 發(fā)布于2019-08-26 10:40 / 2649人閱讀

摘要：于是搜了下原因，原來(lái)是創(chuàng)建時(shí)候的默認(rèn)源配置導(dǎo)致，安裝報(bào)錯(cuò)問(wèn)題解決所以修改下剛才生成的下的屬性值為就可以了再次安裝成功原文

使用最新的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)

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

當(dāng)確定配置后會(huì)在C:UsersAdministrator.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ò)，大概意思是源有問(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,
   ...
}

再次安裝成功

原文

云服務(wù)器 GPU云服務(wù)器 vue-cli vue-cli3 linux使用cli 云服務(wù)器搭建vue項(xiàng)目

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/106560.html

相關(guān)文章

almost最好的Vue + Typescript系列01 環(huán)境搭建篇

摘要：初來(lái)乍到，請(qǐng)多多關(guān)照也許這是第一套基于搭建基于的項(xiàng)目教程。年月初升級(jí)到了新的版本版，跟版本項(xiàng)目結(jié)構(gòu)發(fā)生了很大的改變，目錄結(jié)構(gòu)更簡(jiǎn)潔更科學(xué)。并且可以選配，在此之前配置略麻煩，是的超級(jí)，靜態(tài)類型，便捷的注解，使前端代碼優(yōu)雅。前言 hello~ 大家好。初來(lái)乍到，請(qǐng)多多關(guān)照 ?(??????)??也許這是第一套基于 vue-cli 3.x 搭建基于 typescript 的vue項(xiàng)目教程...

isLishude 2019-08-22 15:20 評(píng)論0 收藏0
Vue Cli3 創(chuàng)建項(xiàng)目

摘要：創(chuàng)建項(xiàng)目安裝創(chuàng)建一個(gè)項(xiàng)目默認(rèn)套餐，提供和支持。自己去選擇需要的功能，提供更多的特性選擇。比如如果想要支持，就應(yīng)該選擇這一項(xiàng)。支持使用書寫源碼。支持代碼風(fēng)格檢查和格式化。 Vue Cli3 創(chuàng)建項(xiàng)目 Vue,Markdown 1. 安裝 npm install -g @vue/cli 2. 創(chuàng)建一個(gè)項(xiàng)目 vue create iview-admin # OR vue ui showIm...

lifefriend_007 2019-08-23 12:20 評(píng)論0 收藏0
vue + typescript 項(xiàng)目起手式

摘要：新項(xiàng)目起手式最后更新于，技術(shù)文具有時(shí)效性，請(qǐng)知悉我知道你們?cè)缇拖胗蒙蠌?qiáng)類型了還有后續(xù)進(jìn)階篇安裝安裝依賴配置添加添加讓識(shí)別改造文件什么是是的強(qiáng)類型版本。是的超集，這意味著他支持所有的語(yǔ)法。與此同時(shí)，也是的超集，的也宣布采用進(jìn)行開發(fā)。 vue + typescript 新項(xiàng)目起手式最后更新于2018-06-30，技術(shù)文具有時(shí)效性，請(qǐng)知悉我知道你們?cè)缇拖胗蒙?vue + ts 強(qiáng)類型...

zhisheng 2019-08-21 17:17 評(píng)論0 收藏0
[譯]Vue 2.5中即將推出的TypeScript變化

摘要：中即將推出的變化輸入提升自發(fā)布以來(lái)，我們一直在收到更好的集成請(qǐng)求。然而，當(dāng)使用開箱即用的時(shí)，目前的集成有些缺乏。例如，不能輕易地推斷使用的基于對(duì)象的默認(rèn)中的類型。這也使得將現(xiàn)有代碼庫(kù)遷移到更具挑戰(zhàn)性。 Vue 2.5中即將推出的TypeScript變化輸入提升自Vue 2.0發(fā)布以來(lái)，我們一直在收到更好的 TypeScript 集成請(qǐng)求。自從發(fā)布以來(lái)，我們已經(jīng)為大多數(shù)核心庫(kù)（vu...

用戶84 2019-08-21 16:57 評(píng)論0 收藏0
vue,angular4,react如何搭建完美的工程項(xiàng)目

摘要：之搭建前端三大框架基礎(chǔ)項(xiàng)目支持特點(diǎn)支持多入口頁(yè)面自動(dòng)生成在目錄下會(huì)創(chuàng)建或者下會(huì)自動(dòng)生成文件自定義模板下創(chuàng)建與同名的優(yōu)先使用自定義模板否則使用作為模板同時(shí)支持與作為模板同時(shí)支持與編寫樣式自動(dòng)構(gòu)建目錄在目錄下配置文件 vue,angular4,react 之webpack搭建前端三大框架基礎(chǔ)項(xiàng)目 webpack3 + typescript+react https://github.com...

klivitamJ 2019-08-22 11:05 評(píng)論0 收藏0