搭建一個Vue前端項目


一、安裝環境

1.下載安裝Node.js

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

2.檢查是否安裝成功:如果輸出版本號,說明我們安裝node環境成功

  

3.輸入 npm -v ,測試是否已經成功安裝 npm,出現版本號就表示成功安裝

  

 

  另外:

  可以安裝cnpm

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

  檢查安裝結果

  

  npm 全局模塊的存放路徑以及cache的路徑的配置,默認是在 C 盤 "C:\Users\用戶" 下

 

4.在 nodejs 安裝目錄下,創建 ”node_global” 和 ”node_cache” 兩個文件夾

  

5.進入 cmd 命令行,輸入如下命令:

  設置全局模塊的安裝路徑到"node_global":

  npm config set prefix "D:\Program Files\nodejs\node_global"

  設置緩存到"node_cache"文件夾:

  npm config set cache "D:\Program Files\nodejs\node_cache"

  

  由於 node 全局模塊大多數都是可以通過命令行訪問的

  還要把 “D:\nodejs\node_global” 加入到系統環境變量 PATH 中,方便直接使用命令行運行

 

 6.執行 npm 安裝模塊

  #配置鏡像站

  npm config set registry=https://registry.npm.taobao.org

  #檢查一下鏡像站是否正常

  npm config get registry

  

 

 二、搭建vue3.0項目:

1.全局安裝最新的 vue-cli

  npm install -g @vue/cli

2. vue create 項目名

 三、搭建vue2.0項目:

 1. 安裝: npm install -g @vue/cli-init

  否則會報錯:

  

 

 2.  vue init webpack  vue-template

  

 

 

 

 

 

 
        
 


免責聲明!

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



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