vue如何新建一個項目(超詳細哦)


vue如何新建一個項目(超詳細哦)

96 
程序員是粉色的 
2018.05.27 22:52* 字數 379 閱讀 14655評論 13

vue創建項目(npm安裝→初始化項目)

第一步npm安裝

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

 

 
圖1

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

 
圖2

 

 
圖3

 

 
圖4

直到Finish完成安裝。

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

 
圖5

使用淘寶NPM 鏡像

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

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

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

 

第二步項目初始化

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

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

cnpm install

cnpm run dev

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

 
圖9

啦啦啦  安裝成功。

 
圖10

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

 

 
圖11

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

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

小禮物走一走,來簡書關注我


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM