1. 程式人生 > >十分鐘搞定Vue搭建

十分鐘搞定Vue搭建

這裡寫圖片描述

既然你來到了這裡,肯定你知道vue是什麼,具體我也就不說了。

廢話不多說。

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/中文網

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

目前基礎搭建這裡應該暫時可以了。