Vue+TypeScripts搭建一個項目


首先,檢查有沒有安裝vue腳手架

vue -V

如果沒有,先安裝

npm i -g @vue/cli

 再檢查腳手架版本,如果還不是命令,需要配置一下環境變量

找到 用戶下 AppData\Roaming\npm ,配置到path里

配置好環境后,就可以開始創建項目啦

vue create vue_demo //項目名字

 

 

 選手動配置

 

 看需要選擇:(按空格鍵和下)

  • Babel:使用babel,便於將我們源代碼進行轉碼(把es6=>es5)
  • TypeScript:使用TypeScript進行源碼編寫
  • Progressive Web App(PWA):使用漸進式網頁應用(PWA)
  • Router:使用vue-router
  • Vuex:使用vuex狀態管理器
  • CSS Pre-processors:使用CSS預處理器,比如:less,sass等
  • Linter/Formatter:使用代碼風格檢查和格式化
  • Unit Testing:使用單元測試
  • E2E Testing:使用E2E測試, end to end(端到端)

 

 選擇vue版本

 

 是否使用Class(類)風格裝飾器, 即通過export default class Home extends Vue{} 創建Vue實例

 

 使用Babel做轉義, 與TypeScript一起用於自動檢測

 

 路由模式, 是否選擇history模式

 

 選擇一種css 預處理器

 

 選擇一種代碼格式化檢測工具

 

 保存時檢查 or 提交時檢查

 

 選擇一種單元測試的方案

 

 Babel, PostCSS, ESLin等配置文件怎么存放, 是放到單獨的配置文件中?還是package.json里? 

 

 是否需要保存當前配置

 然后裝依賴,就可以了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM