vue開發環境搭建及配置


1. 下載node.js (http://nodejs.cn/

2. 安裝node,建議不要安裝在系統盤;一直下一步就可以了.

  

 

 

  在cmd命令下: 

  

    測試是否安裝成功.

3. nodejs 指定全局安裝路徑和緩存路徑

  a. 在nodejs安裝路徑下,新建node_global和node_cache兩個文件夾

  

  b. CMD命令下運行

  設置緩存文件夾               npm config set cache "D:\Develop\nodejs\node_cache" 

  設置全局模塊存放路徑    npm config set prefix "D:\Develop\nodejs\node_global" 

 4. 基於 Node.js 安裝cnpm(淘寶鏡像)

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

 5 、設置環境變量(非常重要)

  說明:設置環境變量可以使得住任意目錄下都可以使用cnpm、vue等命令,而不需要輸入全路徑

  a. 鼠標右鍵"此電腦",選擇“屬性”菜單,在彈出的“系統”對話框中左側選擇“高級系統設置”,彈出“系統屬性”對話框;

  在【系統變量】下新建【NODE_PATH】,輸入【D:\Develop\nodejs\node_global\node_modules】

  

   將【用戶變量】下的【Path】修改為【D:\Develop\nodejs\node_global】

   

 6 、安裝Vue

  (注: 重啟下CMD窗口)

   cnpm install vue -g 

  

 7 、安裝vue命令行工具,即vue-cli 腳手架

    cnpm install vue-cli -g 

  8 、Vue項目創建

  在創建項目的文檔目錄下打開命令行工具CMD窗口

   vue init webpack 項目名稱 

  

 

   npm run dev 運行就好了

   

 (注:)  在Powershell窗口運行Vue報錯 "無法加載文件... 因為在此系統上禁止運行腳本"

  

 

 

   在電腦搜索 powershell ,並且以管理員身份打開powershell。

     輸入 set-ExecutionPolicy RemoteSigned 。

     全部選 Y 。問題解決 參考鏈接: https://www.cnblogs.com/sunnyeve/p/12598198.html

   

  

  


免責聲明!

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



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