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項目創建完成!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章