來源： vue如何新建一個項目（超詳細哦） - 簡書
https://www.jianshu.com/p/02b12c600c7b
用 vue 創建項目，"從 npm 安裝" → "初始化項目並運行"。
第一篇：cli2 和 >cli2腳手架創建
1、第一步npm安裝
首先，從nodejs.org中下載nodejs；
（ 圖1）
雙擊安裝，在安裝界面一直Next，直到Finish完成安裝；
（圖2）
（圖3）
（圖4）
打開控制命令行程序（CMD），檢查是否正常；
（圖5）
2、使用淘寶NPM 鏡像
大家都知道國內直接使用npm 的官方鏡像是非常慢的，這里推薦使用淘寶 NPM 鏡像。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
接下來，就可以使用cnpm 命令來安裝模塊了。
3、安裝vue-cli
cnpm install vue-cli -g // "-g" 代表全局安裝 vue-cli
（圖6）
查看 vue-cli 是否安裝成功，不能檢查vue-cli，需要檢查 vue；
（圖7）
選定路徑，新建vue項目，這里我是在桌面上新建了sun文件夾，cd目錄路徑。
第二篇：項目初始化
下面我一項目名為 sell，新建 vue 項目：
1、cli2 創建項目
vue init webpack "項目名稱"
（圖8）
現在已經創建好了，那就讓項目先安裝下依賴再運行一下，會出現下面的頁面，操作指令是：
cnpm install
cnpm run dev
注意：這里要在 sell/cmd 下進行安裝和運行（而非進入 node）。
（圖9）
安裝成功！
（圖10）
利用vue-cil初始化構建vue項目，我們會獲得一個初始化的文件夾結構，如下：
（圖11）
2、 > cli2 創建項目
vue create "項目名稱"
（圖12）
我這里選擇第一項，回車后直接初始化項目（圖13），也可以選擇最后一項 Manually select features 自行選擇配置（圖14）；
（圖13）
（圖14）
當然這也可以設置，可以根據自己習慣配置：選擇Manually select features可自己選擇配置，看個人項目需求。其中，空格鍵是選中與取消，A鍵是全選。
（）TypeScript 支持使用 TypeScript 書寫源碼
（）Progressive Web App (PWA) Support PWA 支持。
（）Router 支持 vue-router 。
（）Vuex 支持 vuex 。
（）CSS Pre-processors 支持 CSS 預處理器。
（）Linter / Formatter 支持代碼風格檢查和格式化。
（）Unit Testing 支持單元測試。
（）E2E Testing 支持 E2E 測試。
3、> cli2 啟動項目
cd hello-world // 進入到項目根目錄
npm run serve // 啟動項目
注意：這里與 cli2 的運行方式不太一樣，由 npm run dev 變成 npm run serve。
Vue CLI >= 3 和舊版使用了相同的 vue 命令，所以 Vue CLI 2（vue-cli）被覆蓋了。如果你仍然需要使用舊版本的 vue init 功能，你可以全局安裝一個橋接工具：
（圖15）
第三篇：vue之旅
下面開始進入你的vue之旅吧！
https://cn.vuejs.org/
眾所周知，官網才是開始的必經之路。