下載安裝node.js並創建項目


 

安裝包下載

https://pan.baidu.com/s/153auPAtfa1I3WxDkD9whGw

提取碼:nsz3

安裝完成查看命令

使用淘寶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項目,我們會獲得一個初始化的文件夾結構,如下:

 

 
各個文件和文件夾說明如下:
node_modules:是所有本地依賴包的存放所在,今后所有npm install --save-dev所安裝的包,都在該目錄下
public:該目錄存儲了所有發布所需的靜態文件,如html文件模板,公共css文件,小圖片等等
src:源碼所在路徑,這里才是真正的源碼所在
其他的文件都是各種配置,不詳述了,看文件名應該猜的出來,
比如babel.config.js是babel的配置內容,這里比較重要的文件就是package.json,里面記錄了工程依賴的外部關系,啟動命令等


免責聲明!

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



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