安裝vue建立專案步驟詳解

1.安裝node.js(官網：

vue.js是乙個js 框架。在node裡面通過npm 安裝，是為了方便進行模組化管理。這樣你的整個專案就能實現模組化元件化，並且按需載入。

驗證命令：node -v

顯示版本號就是node.js安裝成功

安裝語句：npm install -g cnpm --registry=

驗證命令：cnpm -v

出現下圖即為安裝成功：

5.全域性安裝vue-cli

安裝語句：cnpm install --global vue-cli

驗證命令: vue -v (v要大寫)

使用（如g盤）g：進入g盤（不區分大小寫）

使用cd選擇要安裝vue的資料夾

安裝語句：vue init webpack my-project

project name my-project                            --專案的名稱，直接預設回車
project description a vue.js project          --專案描述，直接預設回車
author prayer                                             --作者姓名，輸入名字（prayer）回車
install vue-router? yes                              --是否安裝路由，輸入y回車
use eslint to lint your code? no             --是否用eslint規範**，輸入n回車
set up unit tests no                                 --是否需要單元測試，輸入n回車 
setup e2e tests with nightwatch? no     --是否需要單元測試，輸入n回車
有了eslint的校驗，可以來規範開發人員的**，是挺好的。但是有些像縮排、空格、空白行之類的規範，在開發過程中一直報錯，未免太過於苛刻了。所以，我還是會選擇關閉eslint校驗。

語句：cd my-project

安裝語句：npm install

執行語句：npm run dev

http://localhost:8080

vue建立專案步驟

全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴，走你 cd my project npm install npm run dev 在config裡index...

安裝vue專案步驟

1 安裝node要在配置環境變數之前，2 檢視node和npm的安裝是否成功 node v npm v 3 更新npm的版本 npm install g npm 也可以用 映象 cnpm 4 安裝vue腳手架 vue cli npm install g vue cil 也可用國內映象來安裝 npm ...

建立Vue專案的步驟

第一步 對於要建立專案的工作目錄，要先進性管理，命令 npm init y 第二步 初始化webpack 包，命令 vue init webpack 自定義名稱 第三步 在components 檔案中建立元件。在建立元件時要對頁面布局進行乙個規劃，可以分為頭部，底部，內容三部分。在各個部分定義元件 ...