1.全局安裝vue-clivue
npm install --global vue-cli
2.建立vue項目webpack
vue init webpack projectName
projectName是想要輸入的項目名稱web
3.建立過程當中的設置vue-router
「Project name」:這個是項目名稱,默認是輸入時的那個名稱。vue-cli
「Project description」 :(A Vue.js project) 項目描述,可直接點擊回車,使用默認名字npm
「Author」 :做者,可直接回車工具
「Runtime + Compiler: recommended for most users」 運行加編譯,既然已經說了推薦,就選它了單元測試
「Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere」 僅運行時。測試
「Install vue-router」:是否須要vue-router,這裏默認選擇使用,這樣生成好的項目就會有相關的路由配置文件ui
「Use ESLint to lint your code」:是否使用ESLint,默認使用,這樣會生成相關的ESLint配置(看本身的實際狀況肯定是否使用)
「Setup unit tests with Karma + Moch?」: 是否安裝單元測試。(不須要能夠直接寫N)
「Setup e2e tests with Nightwatch」:是否安裝e2e測試(不須要能夠直接寫N)
最後會提示選擇管理工具,選擇npm或yarn均可以,二者的指令有所不一樣,我的選擇了npm;
4.項目搭建完成
npm run start /npm run dev
以上兩個命令皆可以使用。