1. 程式人生 > >vue項目搭建

vue項目搭建

nod tro script code 網絡請求 vue karma 開發環境 tps

Vue推薦開發環境

Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、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

vue項目搭建