NPM安裝Vue及配置


前提條件:本機必須安裝node.js  如未安裝請參考上一篇:(https://www.cnblogs.com/dp06134816-login/p/13156415.html)

1、cmd窗口查看node.js版本和npm鏡像版本(推薦使用:淘寶NPM鏡像源下載比較快    命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

查看本地npm版本:npm -v

 

 

 安裝vue-cli(全局安裝vue-cli)    命令:cnpm install vue-cli -g

 

 

 如何查看npm默認安裝路徑:執行命令:npm config get prefix

 

由於npm全局模塊的存放路徑及cache的路徑默認是放在C盤下,這樣肯定會增加C盤的負擔,那么如果需要修改其存放路徑應該怎么做呢?

第一步:在nodejs安裝目錄(也可以指定其它目錄)下創建”node_gobal”和”node_cache”兩個文件夾,如下圖

 

 

 第二步:打開cmd命令行,設置全局模塊的安裝路徑到node_gobal文件夾,緩存到node_cache文件夾,在命令行輸入:

npm config set cache  "D:\Program\node.js\node_cache"

npm config set prefix "D:\Program\node.js\node_global"

可能沒什么響應,不用管屬正常現象。

第三步:全局安裝webpack。

npm install webpack -g

 

(如果想要安裝指定得版本:npm install webpack@3.10.0 -g)

第四步:安裝成功后node_global目錄下:

第五步:設置環境變量:

 

 

 

1、新建NODE_PATH到用戶環境變量和系統環境變量

 

 

 第一步完成之后,接下來是如何將環境變量配置到系統里。請看圖。

雙擊打開path

 

 

 2、最終效果

 

 

 

 

 

 

 2、打開cmd 輸入命令node 輸入命令:require('webpack')

 

 

 這樣我們就已經改了npm安裝路徑

 

 

搭建VUE

 

 

 進入項目目錄:執行命令

vue init webpack 項目名

 

 

 

 

說明:

    Vue build ==> 打包方式,回車即可;

    Install vue-router ==> 是否要安裝 vue-router,項目中肯定要使用到 所以Y 回車;

    Use ESLint to lint your code ==> 是否需要 js 語法檢測 目前我們不需要 所以 n 回車;

    Set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 所以 n 回車;

    Setup e2e tests with Nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 所以 n 回車;

3、進入項目:cd vue-demo,安裝依賴:cd +項目名(這里我們選擇:npm安裝)

 

 安裝成功后在目錄下:

 

 

啟動:npm run dev 

 

 訪問地址:localhost:8080

 

 

這樣我們就成功啦!!!!

 


免責聲明!

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



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