vue創(chuàng)建項目（npm安裝→初始化項目）

第一步npm安裝

首先：先從nodejs.org中下載nodejs

圖1

雙擊安裝，在安裝界面一直Next

圖2

圖3

圖4

直到Finish完成安裝。

打開控制命令行程序（CMD）,檢查是否正常

圖5

使用淘寶NPM 鏡像

大家都知道國內直接使用npm 的官方鏡像是非常慢的，這里推薦使用淘寶 NPM 鏡像。

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

這樣就可以使用cnpm 命令來安裝模塊了：

npm cache clean --force  清空緩存

cnpm install --save-dev node-sass
npm rebuild node-sass

第二步項目初始化

1.第一步：安裝vue-cli

cnpm install vue-cli -g      //全局安裝 vue-cli

圖6

查看vue-cli是否成功，不能檢查vue-cli,需要檢查vue

圖7

選定路徑，新建vue項目，這里我是在桌面上新建了sun文件夾，cd目錄路徑

下面我一項目名為sell新建vue項目

vue init webpack  ”項目名稱“

圖8

現(xiàn)在已經(jīng)創(chuàng)建好了，那就讓項目先安裝下依賴再運行一下，會出現(xiàn)下面的頁面，操作指令是：

cnpm install

cnpm run dev

注意 這里要在sell下進行安裝和運行哦!!!

圖9

啦啦啦  安裝成功。

圖10

利用vue-cil初始化構建vue項目，我們會獲得一個初始化的文件夾結構，如下：

圖11