一 開發(fā)環(huán)境配置
- node.js 安裝
http://nodejs.cn/ 下載安裝包
安裝成功后利用npm -vnode -v可查詢當(dāng)前版本號 ，保證node版本在4.0.0以上即可
- vue-cli 安裝
在終端輸入
sudo npm install -g vue-cli命令進(jìn)行安裝
提示：sudo是在mac環(huán)境下使用的用于提升一下用戶權(quán)限，windows環(huán)境下省略sodo命令安裝即可。
輸入密碼：
正在安裝：安裝過成可能有點(diǎn)緩慢
安裝完成：
執(zhí)行vue命令：會(huì)告知一些vue的用法
- vue-cli 使用
vue list
執(zhí)行vue list 會(huì)有一些模版進(jìn)行選擇
vue init
執(zhí)行vue init webpack takeout進(jìn)行安裝
提示：
模版名稱 webpack （手機(jī)客戶端項(xiàng)目選擇webpack模版）
項(xiàng)目名稱 takeout （根據(jù)項(xiàng)目取名）
安裝過程會(huì)有一些初始化的設(shè)置
Project name takeout：默認(rèn)項(xiàng)目名稱 直接回車即可Project description ：填寫項(xiàng)目描述 然后回車Author ：作者名字 直接回車Install vue-router? ：是否安裝vue-router選擇yes 后續(xù)會(huì)介紹vue-router的應(yīng)用Use ESLint to lint your code? ：ESlint 是es6的代碼風(fēng)格檢查器 為防止多人開放代碼風(fēng)格不一致 選擇yesPick an ESLint preset ：ESlint的一個(gè)模版 一般用默認(rèn)的即可Setup unit tests with Karma + Mocha? :前端測試的一個(gè)庫 根據(jù)情況選擇Y/N 基于界面的項(xiàng)目選擇NOSetup e2e tests with Nightwatch? 選擇NO這樣一個(gè)項(xiàng)目的初始化就完成啦
安裝完成之后會(huì)有提示命令告知怎么應(yīng)用
cd takeout ： 打開項(xiàng)目
npm install ： 安裝依賴
npm run dev ： 運(yùn)行項(xiàng)目
提示：mac系統(tǒng)下安裝依賴需要執(zhí)行sudo npm install
安裝完以來使用npm run dev即可運(yùn)行以創(chuàng)建好的項(xiàng)目了
