第一步,須要下載並安裝node.js以及他的npm組件;vue
第二步,用node -v;npm -v來測試node.js以及npm是否安裝成功node
第三步,下載vue-cli,在命令行中輸入npm install -g vue-cli,自動下載vue-cli,全局安裝webpack
第四步,命令行中輸入vue,測試vue是否安裝成功,安裝成功web
第五步,命令行vue list看vue中有哪些子類vue-router
第六步,用vue init webpack ***命令行,下載webpack包vue-cli
安裝選擇:npm
①、Project name (sanfeng1);項目名稱(sanfeng1)。(肯定按enter,否按N)單元測試
②、 Project description (A Vue.js project);項目描述(一vue.js項目)。(隨意輸入一段簡短介紹,用英文)測試
③、Author;做者。(肯定按enter,否按N)ui
④、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere;Vue公司的創建(使用箭頭鍵)>運行時+編譯器:大多數用戶推薦運行時間:約6kb輕民+ gzip,但模板(或任何Vue具體HTML)只容許在。VUE文件渲染功能是必需的其餘地方。(按enter)
⑤、Install vue-router? (Y/n);安裝的路由?(/ N)。(可安可不安,之後也能夠再安,根據需求選擇)
⑥、Use ESLint to lint your code? (Y/n);使用ESlint語法?(Y/ N)。(使用ESLint語法,就要作好心理準備,除非你很是懂ESLint語法,要不就會到處報錯,我就被逼瘋過,建議N)
⑦、Setup unit tests with Karma + Mocha? (Y/n);設置單元測試?(Y / N)。(選N)
⑧、Setup e2e tests with Nightwatch? (Y/n);Nightwatch創建端到端的測試?(Y / N)。(選N)
第七步,進入咱們剛纔建立的項目,cd sanfeng1,並安裝依賴npm install,安裝成功
第八步,運行這個項目 npm run dev運行成功