node安裝教程,全局安裝vue,webpack/cli,創建一個vue項目(詳細步驟)


node安裝教程,全局安裝vue,webpack/cli,創建一個vue項目(詳細步驟)

1.下載安裝----node安裝,官網下載電腦適合版本,按照提示安裝(這里要說的是,默認會安裝在c盤,后面可以修改到其他位置,也可以安裝的時候直接設置),安裝完成后,打開cmd

2.----node -v----檢查安裝的node版本

 

3.----npm -v----檢查npm版本

 

4.----我這里是安裝的時候直接安裝在其他盤的,在安裝的文件夾下新建兩個文件夾,下圖圈出來的部分是新建的兩個文件夾,名稱分別為:node_cache,node_gobal(比如你安裝在d盤的nodejs文件夾下,那么打開nodejs文件夾,新建這兩個文件即可,如果是系統默認的位置,一般是c盤下的nodejs文件夾下創建這兩個文件)

 

5.----打開cmd.exe,分別執行,因為我是直接安裝在E盤下的nodejs,所以這樣設置

npm config set cache “E:\nodejs\node_cache”

npm config set gobal “E:\nodejs\node_gobal”

npm config set registry https://registry.npm.taobao.org
關於上面的三段命令我是這樣理解的,set cache----設置緩存存儲位置;set gobal----設置全局安裝包位置;set registry----設置淘寶鏡像,完成以上操作之后輸入npm config list即可看到剛剛的配置

 

6.----檢查環境變量是否添加,我這邊是win7系統,就按照win7系統介紹,右鍵單擊計算機---->屬性

 

 

 

 

 

 

變量名:NODE_PATH   變量值:E:\nodejs\node_gobal\node_modules(這里是根據自己安裝目錄來確定),點擊確定,系統變量創建成功

7.----添加用戶變量,找到path,點擊編輯,在最后面添加E:\nodejs\node_gobal,點擊確定用戶變量編輯成功

 

 

 

8.----vue安裝

命令行:npm install -g vue-cli  安裝完成之后,vue -V即可查看到相應的版本

9.----webpack/cli安裝

9.1-----命令行:npm install -g webpack

9.2-----命令行:npm install webpack-cli -g全局安裝之后,webpack -v即可查看安裝的webpack版本

10.----創建一個vue項目,命令行:vue init webpack 項目名稱

 

執行npm init webpack test之后(這里的項目名稱直接寫的test)會有一些信息需要填寫,根據自己的需求寫即可

最后根據提示來運行項目

 

一個vue項目創建完成!
————————————————
版權聲明:本文為CSDN博主「南有樛木。」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_35310623/java/article/details/105149539


免責聲明!

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



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