vue-cli的3.x版本的安裝使用記錄

2.9版本的安裝方法

之前都是使用2.9的版本都是一句話 "npm install -g @vue/cli "全局安裝就可以了,然後vue create 項目名字(英文,比如:vue-project),cd vue-project(進入這個項目的文件夾)    npm run serve(運行項目)就可以了

3.x版本的安裝方法

vue-cli的3.x版本安裝就比2.9的要複雜一點

1.npm install -g @vue/cli (如果是2.9的版本升級到3.x版本就是npm uninstall -g vue-cli)

2.安裝成功後可以使用 vue -V查看版本號

3.創建項目使用 vue create 項目名稱 (但是我每次創建項目的時候都是很慢,因爲npm真的很慢,所以可以

npm config set registry https://registry.npm.taobao.org

這樣創建項目就不會卡,而且會快了很多)

3.x 版本包括默認預設配置 和 用戶自定義配置,在用戶自定義配置之後,會詢問是否保存當前的配置功能爲將來的項目配置的預設值,這樣下次可直接使用不需要再次配置。

自定義功能配置包括以下功能:

  1. TypeScript

  2. Progressive Web App (PWA) Support

  3. Router

  4. Vuex

  5. CSS Pre-processors

  6. Linter / Formatter

  7. Unit Testing

  8. E2E Testing

可以根據項目大小和功能體驗配置不同的功能,空格鍵 選中/反選,按a鍵 全選/全不選,按i鍵反選已選擇項, 上下鍵 上下移動選擇。

創建項目成功後會出現下面的情況

然後cd 項目名稱 進入項目文件夾

最後npm run serve (運行項目) 

到了這裏vue-cli創建項目就完成了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章