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

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

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

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

上下鍵選擇，空格鍵確定

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

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

當(dāng)確定配置后會在C:UsersAdministrator.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 安裝報錯問題解決

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

{
  "useTaobaoRegistry": false,
   ...
}

再次安裝成功

原文

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/106560.html

相關(guān)文章

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

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

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

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

lifefriend_007 2019-08-23 12:20 評論0 收藏0
vue + typescript 項目起手式

摘要：新項目起手式最后更新于，技術(shù)文具有時效性，請知悉我知道你們早就想用上強類型了還有后續(xù)進階篇安裝安裝依賴配置添加添加讓識別改造文件什么是是的強類型版本。是的超集，這意味著他支持所有的語法。與此同時，也是的超集，的也宣布采用進行開發(fā)。 vue + typescript 新項目起手式最后更新于2018-06-30，技術(shù)文具有時效性，請知悉我知道你們早就想用上 vue + ts 強類型...

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

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

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

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

klivitamJ 2019-08-22 11:05 評論0 收藏0