使用vue-cli搭建vue項目

1.安裝node環境，而後在命令行輸入node -v 和npm -v 查看版本號

2.在正式開始項目以前咱們先介紹一下vue-cli，vue-cli是一個腳手架工具，vue-cli是幫助咱們寫好vue.js基礎代碼的工具，能夠幫助咱們生成一個項目目錄，能夠本地調試，單元測試，代碼部署等等。

安裝vue-cli

$ npm install -g vue-cli

開始建立項目

使用vue-cli

$ vue init <template-name> <project-name>

第一個是模板名稱，第二個是項目名稱，模板有webpack，webpack-simple ，browserify ，browserify-simple ，simple咱們這個項目使用的是webpack。

下面咱們就來搭建一個項目名稱爲myvue模板爲webpack的vue項目(注：此處項目名不可有大寫)：

vue init webpack myvue

接下拉終端裏面會問你（也可能會跟你說vue不是內部或外部命令，本篇文章結尾會有解決辦法）

? Project name (myvue) 

項目名稱是否是 myvue ，咱們按回車，表示，是。固然，你也能夠重寫一個，而後回車。

而後

? Project description (A Vue.js project)

項目描述，一個 vue.js 的項目。一樣，咱們能夠填寫內容，或者直接回車

而後

? Author (fungleo <web@fengcms.com>)

　做者，同上可填可不填

? Vue build (Use arrow keys)
❯ Runtime + Compiler: recommended for most users
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files -
render functions are required elsewhere
 

　　這裏是問你，須要不須要安裝編譯器，咱們選擇須要安裝，也就是第一個，也就是直接回車就OK了。

? Install vue-router? (Y/n)

　　問是否是須要安裝 vue-router ，須要安裝，這個是管理路由的。咱們直接回車。

? Use ESLint to lint your code? (Y/n) 

　　是否須要使用 ESLint 來檢查你的代碼。須要！因此同上，咱們直接回車。 

? Pick an ESLint preset (Use arrow keys)
❯ Standard (https://github.com/feross/standard)
  Airbnb (https://github.com/airbnb/javascript)
  none (configure it yourself)

　　而後問你須要使用哪一種風格來檢查你的代碼。咱們選擇第一個 Standard 來檢查代碼。因此，直接回車。

? Setup unit tests with Karma + Mocha? (Y/n)

　　是否須要安裝測試功能。不要。咱們輸入 n 而後回車。

? Setup e2e tests with Nightwatch? (Y/n)

　　仍是關於測試的內容，咱們仍是輸出 n 而後回車。

最後

如今會生成對應項目名稱的文件夾 而後切換到項目目

cd myvue

 安裝依賴（建議用cnpm鏡像代替npm安裝速度會快好多）

npm install

　　最後運行項目

npm run dev

　　

vue 不是內部或外部命令解決辦法

 

這種若是肯定node環境裝了以後還會出現這種狀況 就是環境變量除了問題

找到vue.cmd文件

將 vue.cmd的路徑加入環境變量

重啓命令窗口，執行正常，新項目建立成功。

-----只有用盡全力，才能看起來絕不費勁