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