Windows下面Vue開發環境搭建

最近需要學習前端開發滿足公司的開發需要:

安裝步驟

  1. 安裝node,去node官網 下載.下載完成後,就打開,一路Next直到安裝完成,我的是在”C:\Program Files\nodejs”

  2. 安裝完成後可以使用cmd(Win+R鍵後輸入cmd),測試是否安裝成功. 使用cmd打開窗口後,直接輸入node -v 會出現版本號,我的是v6.10.0
    這裏寫圖片描述

  3. npm安裝。因爲nodejs已經集成了npm,同樣可以使用命令npm -v,來測試是否安裝成功,如下圖出現版本便成功了.
    這裏寫圖片描述

  4. 常規的nodejs搭建就已經完成了,可以輸入node進入node開發模式,輸入一句”hello nodejs”

這裏寫圖片描述

  1. 我們要先配置npm的全局模塊的存放路徑以及cache的路徑,例如我希望將以上兩個文件夾放在NodeJS的主目錄下,便在NodeJs下建立node_globalnode_cache兩個文件夾。tips:先去創建node_global與node_cache兩個文件。然後再去啓動cmd,輸入:

這裏寫圖片描述

npm config set prefix "C:\Program Files\nodejs\node_global"

回車

npm config set cache "C:\Program Files\nodejs\node_cache"

回車

現在我們來裝一個模塊試試,選擇express 同樣在命令行裏面輸入npm install express -g (“-g”這個參數意思是裝到global目錄下,也就是上面說設置的“C:\Program Files\nodejs\node_global”裏面。)待cmd安裝完成後會提示express安裝在那裏,如下圖.

這裏寫圖片描述

注意一定要獲取管理員身份哦,這裏我有一個小技巧,先進入”C:\Windows\System32\cmd.exe” 右鍵以管理員身份運行

這裏寫圖片描述

接下來配置環境變量:
這裏寫圖片描述

環境變量配置好後,測試一下 進入cmd,使用node命令,進入node環境:
這裏寫圖片描述

看到這樣的圖標,說明環境基本配置好了,反正我也是新手。

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