文章為博主原創(chuàng)文章热某,這里只是學習借鑒收藏叔扼,文章最后附有博文鏈接览徒!
按照文章步驟操作可以快速完成Vue搭建狈定。
Vue推薦開發(fā)環(huán)境
Node.js 6.2.0、npm 3.8.9、webpack 1.13纽什、vue-cli 2.5.1措嵌、webstrom2016
現(xiàn)在開始安裝環(huán)境
安裝nodejs
可以在終端里下載,但是不推薦芦缰,npm的版本會報錯
去nodejs官網(wǎng)下載即可企巢,地址:http://nodejs.cn/中文網(wǎng)
安裝vue淘寶鏡像
npm install -g vue –registry=https://registry.npm.taobao.org
安裝webpack
npm install webpack -g
安裝vue腳手架
npm install vue-cli -g
—————-如果第二次編寫新的vue項目,就可以在這里開始了—————–
根據(jù)模板創(chuàng)建項目
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和網(wǎng)絡請求模塊vue-resource –save-dev 是你開發(fā)時候依賴的東西,–save 是你發(fā)布之后還依賴的東西
npm install vue-router vue-resource –save
啟動項目
npm run dev
發(fā)布項目
npm run build
作者:LeachZhou
來源:CSDN
原文:https://blog.csdn.net/sinat_29412671/article/details/53690658