（1）vue-cli2 搭建vue項目

前言

   無論是使用vue-cli2還是vue-cli3來搭建vue項目，都需要安裝node.js以及
   npm（node.js中帶有npm）
   說明：npm（node package manager）nodejs的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等）

一、準備工作

1. 下載node.js

下載地址：https://nodejs.org/zh-cn/download/
選擇長期支持版本，默認安裝

ps:本文安裝的windows x64系統 版本 node-v12.14.1-x64.msi

2. 打開cmd窗口，查看是否安裝成功

查看安裝版本 node -v
查看npm版本 npm -v （現在版本的nodejs已經集成npm所以無需安裝）

3. 配置淘寶 NPM 鏡像

默認的鏡像地址下載依賴速度很慢，建議換成淘寶的地址，操作如下（我用的第一種）：

1)第一種方式：

打開cmd命令窗口，輸入

npm config set registry https://registry.npm.taobao.org

驗證是否成功：

npm config get registry

如果返回https://registry.npm.taobao.org，說明鏡像配置成功。

2)第二種方式

通過安裝cnpm設置

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v 來測試是否成功安裝，
安裝了cnpm，就可以用cnpm install xxx來下載依賴

二、安裝vue腳手架 vue-cli2

npm install -g vue-cli

通過vue -V 來查看是否安裝成功（注意命令中的V是大寫）

三、一切就緒，開始構建VUE項目

1. 初始化vue項目

先打開命令行窗口，然後cd到要創建的目錄下
或者直接在對應目錄下，按住shift+鼠標右鍵 選擇在此處打開PowerShell窗口

例如創建vue01項目

vue init webpack vue01

#按提示選擇如下圖

解釋：

          Project name 項目名稱
　　　　　　Project description 項目名描述
　　　　　　Author 作者
          Vue項目構建：運行+編譯還是僅運行
          是否安裝vue-router?
　　　　　　Use ESLint to lint your code? 是否需要ESlist語法檢查
　　　　　　Setup unit tests? 是否需要單元測試
　　　　　　Setup e2e tests with Nightwatch? 是否需要e2e測試
          是否在項目創建成功後自動執行“npm install”安裝依賴

2. 運行項目

項目目錄下，執行npm run dev

npm run dev

3. 瀏覽器訪問http://localhost:8080，出現vue頁面即創建成功

vue-cli3+版本在這 https://blog.csdn.net/shuai8624/article/details/105461814