本文適合對vue框架和webpack打包有一定了解不从,想要快速開發(fā)vue項目的工程師(如果想從基本vue框架手動配置學(xué)習(xí)webpack的童鞋請移步這里 Framework Vue 框架)下面開始vue-cli快速開發(fā)旅程
1滩褥、下載安裝vue-cli
npm install?vue-cli -g
2虽界、初始化項目文件
vue init Project-Name
初始化是會提示以下內(nèi)容:
? ??Project name (Project-Name)? ? ?//項目名稱
? ??Project description (A Vue.js project)? //項目描述
? ??Author (........)? ? ? ?//作者
????Runtime + Compiler: recommended for most users? ? //運行加編譯
? ??Install vue-router? (Y/n)? ? //是否安裝vue-router
????Use ESLint to lint your code? (Y/n)? ? ? //是否使用ESLint管理代碼
? ??Pick an ESLint preset (Use arrow keys)? ? //選擇一個ESLint預(yù)設(shè)(選擇)
? ??Standard (https://github.com/feross/standard)??? 標準
附:文檔樹
? ? src //項目源文件
? ??????assets? //資源文件夾
? ? ? ? components //組件集
? ? ? ? router // 路由文件
????config //配置文件
? ? build //開發(fā)、測試及發(fā)布腳本文件
? ? ......
3鸿捧、進入項目文件夾屹篓,安裝所需依賴
cd Project-Name //進入項目
npm install //安裝依賴
4、運行匙奴、發(fā)布已安裝好的項目
npm run dev //開發(fā)腳本
npm run build //發(fā)布腳本
運行后的效果圖:
持續(xù)更新中(歡迎評論指正).....