如何新建一個vue項目

第一步npm安裝

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

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

 

 

直到Finish完成安裝。

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

使用淘寶NPM 鏡像

你們都知道國內直接使用npm 的官方鏡像是很是慢的，這裏推薦使用淘寶 NPM 鏡像。

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

這樣就能夠使用cnpm 命令來安裝模塊了：

第二步項目初始化

1.第一步：安裝vue-cli

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

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

選定路徑，新建vue項目，這裏我是在D盤workspacesvue下新新建文件夾ProjectVue，cd目錄路徑

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

vue init webpack  」項目名稱「

如今已經建立好了，那就讓項目先安裝下依賴再運行一下，會出現下面的頁面，操做指令是：

cnpm install

cnpm run dev

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

啦啦啦啦，建立成功啦

利用vue-cil初始化構建vue項目，咱們會得到一個初始化的文件夾結構，後續咱們開發項目的時候只需在src目錄下進行。