1. 安裝node

(中)https://nodejs.org/zh-cn/
(英)https://nodejs.org/en/

2.安裝cnpm鏡像

  （node自帶安裝了npm，故不再安裝）

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

   安裝模塊時(shí)安裝方法

$ cnpm install [name]

3.安裝vue

$ cnpm install vue

4.安裝vue-cli

$ cnpm install --global vue-cli

5.在某個(gè)目錄下，創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目

$ vue init webpack my-project
//my-project是你的項(xiàng)目名

6.安裝依賴

$ cd my-project //到項(xiàng)目目錄下
$ cnpm install //安裝依賴

7.運(yùn)行項(xiàng)目

$ npm run dev

運(yùn)行之后會(huì)看到vue的初始頁面效果，如下圖，說明你就成功搭建了一個(gè)vue項(xiàng)目。（下面框出來的是官方提供的插件和awesome，很實(shí)用）

1.安裝Git(可選)
如果你熟悉或者想要學(xué)習(xí)了解git，可以在安裝node之前先安裝Git，使用Git Bash代替windows的cmd命令面板。如果你用windows的cmd命令行工具，則以上安裝命令前的“$”省略。 Git官網(wǎng)：https://git-scm.com/ Git國(guó)內(nèi)教程推薦：http://t.cn/zQ6LFwE
2.不應(yīng)用ESLint 創(chuàng)建webpack模板項(xiàng)目時(shí)，如果你對(duì)ES6和ESLint不是很熟的話我個(gè)人不建議你應(yīng)用它，因?yàn)橐蟊容^嚴(yán)格，所以一不小心就報(bào)錯(cuò)，導(dǎo)致整個(gè)項(xiàng)目運(yùn)行不起來，對(duì)于初學(xué)很痛苦。

總結(jié)

今天主要分享了一下從無到有創(chuàng)建一個(gè)vue項(xiàng)目，接下來我會(huì)通過自己的實(shí)際項(xiàng)目操作過程，分享我們是如何完成的。