1:依賴軟體 nodejs
x86 適用 32 windows
x64 適用 64 windows
1.2: 下一步下一步
安裝目錄: 不要中文不要有空格
c:/program files/nodejs
1.3: 檢測(windows->開始->執行->cmd)
2:安裝cnpm 工具(nodejs工具 npm 安裝軟體)
npm install -g cnpm --registry=
#npm 安裝工具
#install 安裝 uninstall 刪除
#-g 全域性
#ttps: **映象站點
#檢測
3:安裝 vue-cli 腳手架
cnpm install --global vue-cli
4:通過(腳手架)初始化專案(自動專案完整目錄與配置檔案)(選做
)#上課沒初始化
vue init webpack 專案名稱
示例vue init webpack my-project #
提問專案名稱
:my-project
#
安裝:vue-router? yes/no yes
#
安裝:eslint ? no
# no
檢測：自動生成目錄
#build 指令碼目錄
#config 配置目錄(..)
#node_modules 所有nodejs依賴工具包目錄(空)
#src
**目錄
assets
資源目錄
(img/css/js)
components
元件目錄
router
路由配置
最上層元件
main.js
程式入口js
#package.json 專案描述檔案
注意:tpls.zip
5:安裝依賴工具包
e:cd tpls
e:/tpls>cnpm install
注意:紅色命令你輸入，黑色自動出現
6:啟動專案
cnpm run dev
注意：啟動伺服器:埠 8080
注意: 不需要apache
檢測:
停止伺服器: ctrl+c
7:**開發
src8:vue 專案啟動流程
在執行cnpm run dev 的時候 ，會在當前目錄下找乙個檔案
package.json檔案，啟動伺服器預設埠8080
找到src目錄檔案main.js ,建立專案唯一 new vue();
有乙個
在src目錄有乙個router資料夾,該資料夾下有乙個 index.js
檔案:該檔案是配置路由詞典,指定路由位址
vue lic腳手架安裝與部署專案流程
命令列中輸入 npm install g cnpm registry 安裝個是因為我們用的npm的伺服器是外國，對國內的寬頻有限制，導致安裝依賴有失敗或極慢，所以就用這個cnpm來安裝我們所需要的依賴。安裝完成之後輸入 cnpm v，如果出現相應的版本號，則說明安裝成功。安裝vue cli腳手架構建...
vuecli腳手架的安裝與腳手架建立專案
安裝最新版本腳手架，進入終端輸入命令 npm install g vue cli由於vuecli3.0之後與2.0產生了較大的變化，如果想要使用2.0版本的模板的話，需要使用2.0版本的 vue init 輸入命令 npm install g vue cli init在終端中輸入vue versio...
腳手架安裝
1.先裝node 輸入 node v，出現相應的版本號，則說明安裝成功。2.安裝 映象 npm install g cnpm registry 3.安裝webpack npm install webpack 3.8.1 g g全域性安裝webpack版本3.8.1 webpack v檢視版本號 4....