搭建Vue腳手架

2021-07-30 23:14:48 字數 1621 閱讀 2928

從vue官網安利了一波安裝腳手架的主要**:

# 全域性安裝 vue-cli

$ npm install --global vue-cli

# 建立乙個基於 webpack 模板的新專案

$ vue init webpack my-project!

# 安裝依賴,走你

$ cd my-project

$ npm install

$ npm run dev

當我們新建專案時,會出現以下幾種提示和選項:

上圖的問題時專案名,預設對應我們的 上乙個指令的 my-project名。我們可以重新命名或者預設回車即可;

接下來要我們輸入專案描述 ,預設是(a vue.js project),當我們真正上手專案時可以根據自己的專案進行描述,學習的話預設回車;

接下來需要輸入作者,我的預設是我的郵箱,大家如果沒有的話,可以輸入自己的資訊。再回車;

再回車,

直到出現install vue-router? (y/n),如下圖,我這裡輸入了yes,給大家帶了乙個錯誤示範,對於初學者的填n,等大家學到了 vue 的路由之後可以選y

之後會詢問你use eslint to lint you code ?這裡的意思是:是否用es6的規範你的**,這裡填no,等你熟練使用es6在去嘗試,避免不必要的麻煩。

接著又出現了setup unit tests with karma + mocha ?setup e2e tests width nightwatch ?這裡的意思是是否安裝測試單元,這裡我們都填no

當出現

vue-cli generated "second"

toget started:

cd second

npm install

說明我們的專案快成功了,之後按照它給的提示,我們 cd 到自己專案中【這裡我是cd second到我的second專案中】,安裝依賴npm install【也就是安裝專案所需要的node_modules檔案】,等待一段時間,當出現一堆樹狀結構時,就表示我們的依賴也安裝好了。

至此,我們的環境算是搭好了。然後在控制台輸入:npm run build,專案會自動在瀏覽器開啟,展現給我們的是預設的vue頁面

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...

vue腳手架搭建

一 vue cli腳手架的搭建步驟 首先,確定你的電腦上已經安裝了nodejs,可以使用npm包管理器安裝環境 1 開啟cmd命令視窗,切換到你要新建專案的資料夾下,此時可使用node v檢查node的版本,如果出現版本號則node已安裝。2 使用以下命令全域性安裝vue cli npm insta...

vue腳手架搭建

1.安裝最新版本腳手架 npm install g vue cli 2.建立專案 vue create 資料夾名稱 3.選擇自動安裝還是手動安裝 default 自動安裝 manually 手動安裝 建議用 第二種 vue ul 圖形介面 4.專案開發前環境準備 適配環境 rem vw vh fle...