vue cli 3 0 使用全過程講解

2021-09-11 14:07:01 字數 663 閱讀 4831

2023年8月13日更新: 恭祝vue-cli 3.0.0 官方正式版發布,此後我們可以正式在3.0環境下進行專案開發了。

首先在使用vue create my-project建立專案的時候要選擇使用 css 預處理器。

首先使用 npm 安裝 vue-cli v3.0。

npm install -g @vue/cli

複製**

安裝完成後使用vue -v檢視版本號,如果顯示版本號說明安裝完成。

vue-cli v3.0 建立專案的命令與 2.0 有所不同。3.0 建立專案的命令為:

vue create test-project

複製**

建議採用 mannual select features 自定義模式。這樣可以自主選擇需要的外掛程式。

因為我之前建立過一次,所以建立了乙個命名為 walle 的模板,下次建立的時候可以直接按照上次的模板進行建立。

選擇自定義模式後可以自由選擇想要在專案中使用的外掛程式,用空格鍵選中。

我選擇了相對比較熟悉的 scss/sass 預處理器。這樣就可以在專案中使用 scss 語法和 sass 語法了。關於如何在專案中使用 scss/sass 請看我的另一篇部落格。

vue cli 3 0 使用全過程講解

2018年8月13日更新 恭祝vue cli 3.0.0 官方正式版發布,此後我們可以正式在3.0環境下進行專案開發了。首先在使用 vue create my project建立專案的時候要選擇使用 css 預處理器。首先使用 npm 安裝 vue cli v3.0。npm install g vu...

mac安裝與更新vue cli 3 0過程

1.在建立cli專案時,執行vue create 專案名 注意名最好是英文 開頭最好是小寫 注意vue cli是2.幾的版本是不支援直接食用指令 vue create 專案名 去建立vue專案的,這也是我們為什麼去跟新vue cli 為3.幾版本的原因 2.npm create 命令是基於 vue....

Vue cli3 0版本安裝使用

在這裡說明一下,vue腳手架版本,和vue版本是兩個東西 怎麼看你的vue的腳手架版本呢 cmd 命令列 vue v注意v為大寫 vue cll 官網 安裝 npm install g vue cli vue v 檢測一下版本 1,安裝 vue create 專案名 前面的那些無需打理 走個預設的 ...