Vue項目搭建

Vue推薦開發環境

Node.js 、npm 、webpack 、vue-cli 、webstrom

如今開始安裝環境

安裝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