一嘴高、npm安裝
npm(node package manager)是nodejs的包管理器拇颅，用于node插件管理（包括安裝、卸載npm uninstall瓷叫、管理依賴屯吊、查看已安裝插件npm list）
1.nodejs.org中下載node.js，一直next到安裝完成
2.檢查是否安裝成功
控制命令行程序（CMD）
3.使用淘寶NPM鏡像摹菠，用cnpm命令來安裝模塊（因?yàn)閚pm安裝插件是從國外服務(wù)器下載的盒卸，受網(wǎng)絡(luò)影響大，容易出現(xiàn)異常）
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
二次氨、項(xiàng)目初始化
1.安裝vue-cli
vue的腳手架工具蔽介，幫助寫好vue.js基礎(chǔ)代碼的工具
- cnpm install vue-cli -g //全局安裝vue-cli
- vue list //通過檢查vue版本號(hào)來看vue-cli是否成功
- 選定路徑，新建vue項(xiàng)目（在桌面新建一個(gè)vue文件夾煮寡，cd進(jìn)入）
-
vue init webpack <項(xiàng)目名稱>
創(chuàng)建一個(gè)名為vue-demo的項(xiàng)目
創(chuàng)建完成后虹蓄，給項(xiàng)目安裝依賴后再運(yùn)行，會(huì)出現(xiàn)如下頁面幸撕，操作指令為：
- cnpm install
- cnpm run dev
需要注意薇组，此時(shí)要在vue-demo項(xiàng)目文件內(nèi)安裝和運(yùn)行！
運(yùn)行過程 -
訪問localhost:8080或者127.0.0.1:8080看下效果
成功啦ＷＢ烧汀！哈哈哈 -
利用vue-cli初始化創(chuàng)建vue項(xiàng)目的初始化文件夾結(jié)構(gòu)如下：
初始化的文件結(jié)構(gòu)
完成啦～接下來的vue之旅：vue官網(wǎng)
