使用Node.js和vue.cli+element-ui搭建vue項目(一)


一、安裝Node.js

1.Node.js下載地址:

https://nodejs.org/en/download/

最新的Node.js自帶npm所以這里不再下載npm了。

下載完成后,雙擊打開程序,按提示一路next安裝,有一個頁面可能有點不一樣,

 選擇第三個第四個都行。

2.安裝完畢后我們查看是否安裝成功和加入環境變量

 如圖所示即安裝成功

3.安裝淘寶的npm鏡像cnpm

npm是國外的網址,有的時候可能下載會很慢,所以這個時候我們需要淘寶的鏡像站

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

 

二、安裝vue相關的工具

1.安裝webpack(項目構建、打包,進行資源整合用的)

cnpm install webpack -g

2.安裝vue腳手架

npm install vue-cli -g

 

三、構建vue項目

1.指定我們第一個項目的構建位置

cd desktop

2.初始化一個項目

vue init webpack firstVue

最后一個參數是項目名稱

3.運行完后會要求填寫項目信息

 項目信息還可以在項目后面的pakeage.json里面修改

4.安裝項目依賴

npm -install

5.安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource

cnpm install vue-router vue-resource --save

 

四、啟動項目

npm run dev

啟動完成后,會顯示訪問地址:

 瀏覽器訪問出現如下頁面就搭建完成喏~

 

 


免責聲明!

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



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