安裝環境
- 安裝node.js並配置環境變量
- 安裝淘寶鏡像,
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 安裝webpack,
cnpm install webpack -g
- 安裝腳手架
npm install vue-cli -g
創建項目
- 在硬盤上找一個文件夾放工程用的,在終端中進入該目錄,cd目錄路徑
- 根據模板創建項目,
vue init webpack-simple 工程名字<工程名字不能用中文>
,vue init webpack 工程名字<工程名字不能用中文>
,
- 6、Install vue-router? 選擇Y
- 7、User ESLint to lint your code? 選N
- 8、Setup unit tests with Karma + Mocha? 問的是否要測試 選N
- 9、Setup e2e tests with Nightwatch? 選N
模板解讀
- cd進入創建的工程目錄
- 安裝項目依賴,
npm install
,不要使用cnpm install
安裝(會導致后面缺了很多依賴庫) - 安裝網絡請求模塊vue-resource,
cnpm install vue-resource --save
- 啟動項目
npm run dev
,啟動完畢后,在瀏覽器輸入http://localhost:8080
,就能看到初始界面了