Windows下利用nvm搭建vue開發環境

1.安裝node.js之前,首先安裝 nvm的下載地址,安裝的路徑可以自行選擇。(nvm可以對node版本進行切換)

2.nvm安裝完成之後,輸入nvm - v,如圖說明nvm已經安裝完成。

3.下面可以直接用nvm來安裝node環境,nvm install <version> , node的官網地址

如圖所示,選擇一個版本進行安裝,從下圖中可以看到安裝node.js和npm兩個文件,npm是什麼?

npm 是 JavaScript 世界的包管理工具,並且是 Node.js 平臺的默認包管理工具。通過 npm 可以安裝、共享、分發代碼,管理項目依賴關係。 

4.圖中安裝完成之後,會有一句提示, nvm use 12.7.0 就可以切換使用12.7.0版本的node.js了。 

5.這個時候我們在node的安裝目錄下新建兩個文件夾,默認是C盤佔用空間太大,在cmd窗口中執行以下命令,

npm config set prefix "D:\apps\nodejs\node_global"   以及
npm config set cache "D:\apps\nodejs\node_cache"

記得配置環境變量 NODE_PATH:D:\apps\nodejs\node_global\node_modules,

以及修改nvm創建的用戶變量,不然後面安裝vue的腳手架,或者yarn等插件,均無法找到命令。 

6.接下來我們用npm來安裝vue腳手架, npm install @vue/cli -g  (cli3的版本),安裝完成之後,輸入vue --version查看版本。

7.關於使用淘寶源的問題,npm config get registry 查看當前源,npm config set registry https://registry.npm.taobao.org 配置爲長久淘寶源。

8.關於安裝yarn插件,npm install -g yarn 即可安裝, yarn -v 查看安裝是否成功,

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