1. 程式人生 > >vue - 新建一個項目

vue - 新建一個項目

cnp 命令 run nodejs log pac tps 行程 官方

首先: 要先安裝node 及 npm

Node.js官方安裝包及源碼下載地址:http://nodejs.org/

技術分享圖片

雙擊安裝,在安裝界面一直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項目,這裏我是在桌面上新建了sun文件夾,cd目錄路徑

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

vue init webpack ”項目名稱“

技術分享圖片

現在已經創建好了,那就讓項目先安裝下依賴再運行一下,會出現下面的頁面,操作指令是:

cnpm install

cnpm run dev

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

技術分享圖片

啦啦啦 安裝成功。

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

技術分享圖片

下面開始進入你的vue之旅吧!!

https://cn.vuejs.org/ //官網才是開始的必經之路。。。。

註:以上內容轉載:https://www.jianshu.com/p/02b12c600c7b

參考鏈接:https://www.cnblogs.com/ylboke/p/8393216.html

vue - 新建一個項目