工具介紹

node.js 基於 Chrome V8 引擎的 JavaScript 運行環境

npm 包管理器，是全球最大的開源庫生態系統

vue 一套構建用戶界面的漸進式框架

vue-cli vue腳手架，幫助你快速開始一個vue項目

1.首先安裝node.js和npm

下載地址http://nodejs.cn/download/

安裝node.js的時候，跟著安裝步驟走就行，會連npm一起安裝到本地。

$ node -v 查看node是否安裝成功。

$ npm -v 查看npm是否安裝成功。

2.安裝vue和vue-cli

安裝vue $ npm install vue （此處不演示）

查看vue是否安裝成功 $ npm -V 字母V是大寫

安裝 vue-cli $ npm install -global vue-cli （此處不演示）

3.創建項目

$ vue init webpack test        //webpack是模板類型，test是項目名稱

這裏它會讓你進行一系列的選擇，按需求選擇就好。

$ cd test   //進入項目路徑

$ npm install //初始化依賴

$ npm run dev //運行項目

出現下面的界面則證明成功。

如果出現npm本版不符，如下圖：

進行npm本版升級 $ npm -g install [email protected]