vue - 新建一個項目

首先: 要先安裝node 及 npmhtml

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

雙擊安裝,在安裝界面一直Nextnode

 

直到Finish完成安裝。webpack

打開控制命令行程序(CMD),檢查是否正常web

 

使用淘寶NPM鏡像

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

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

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


第二步項目初始化

1.第一步:安裝vue-cli3d

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

查看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

相關文章
相關標籤/搜索