vue項目搭建

Vue推薦開發環境

Node.js 6.2.0、npm 3.8.九、webpack 1.1三、vue-cli 2.5.一、webstrom2016

如今開始安裝環境

安裝nodejs 
能夠在終端裏下載，可是不推薦，npm的版本會報錯 
去nodejs官網下載便可，地址：http://nodejs.cn/中文網

安裝vue淘寶鏡像 
npm install -g vue –registry=https://registry.npm.taobao.org

安裝webpack 
npm install webpack -g

安裝vue腳手架 
npm install vue-cli -g

—————-若是第二次編寫新的vue項目，就能夠在這裏開始了—————–

根據模板建立項目 
vue init webpack 項目名字<項目名字不能用中文>

會有一些初始化的設置，以下輸入: 
Target directory exists. Continue? (Y/n) 直接回車默認(而後會下載 vue2.0模板，這裏可能須要連代理) 
Project name (vue-test) 直接回車默認 
Project description (A Vue.js project) 直接回車默認 
Author 直接回車默認 
Use ESLint to lint your code? n 
pick an eslint preset. 默認Standard 
setup unit tests with karma + mocha?No(單元測試不須要) 
setup e2e tests with Nightwatch?No(單元測試不須要)

進入項目 
打開終端 
cd 項目名字

安裝項目依賴 
npm install

安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource –save-dev 是你開發時候依賴的東西，–save 是你發佈以後還依賴的東西 
npm install vue-router vue-resource –save

啓動項目 
npm run dev

發佈項目 npm run build