vue-cli 2.0使用

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

以上兩個命令皆可以使用。

相關文章
相關標籤/搜索