vue.js 安裝

簡單方式
vue init webpack-simple 工程名字
npm install vue-router vue-resource --save
npm run dev

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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章