參考文檔:
環境:
win7 64位
參考部落格
nvm安裝與使用nvm下載下傳不同版本nodejs
https://blog.csdn.net/seu_lxy/article/details/94635659
https://blog.csdn.net/gaoqiang1112/article/details/80898134
node管理工具 nvm 下載下傳安裝和使用
node 配置全局環境
https://blog.csdn.net/gaoqiang1112/article/details/80366250
Windows下完全解除安裝node.js并安裝node.js的多版本管理工具nvm-windows
https://blog.csdn.net/lewky_liu/article/details/87959839
解除安裝
1 解除安裝系統上現有node(如果有)
2 在環境變量中删除所有與node相關的路徑(無論是user級,還是system級)
3 删除以下路徑的檔案(可能隻有部分檔案才有)
C:\Program Files (x86)\nodejs
C:\Program Files\nodejs
C:\Users{User}\AppData\Roaming\npm
C:\Users{User}\AppData\Roaming\npm-cache
請注意: 在安裝nvm for windows之前,你需要解除安裝任何現有版本的node.js。并且需要删除現有的nodejs安裝目錄(例如:"C:\Program Files\nodejs’)。因為,nvm生成的symlink(符号連結/超連結)不會覆寫現有的(甚至是空的)安裝目錄。
你還需要删除現有的npm安裝位置(例如“C:\Users\weiqinl\AppData\Roaming\npm”),以便正确使用nvm安裝位置。
在Windows下完全解除安裝已安裝的node.js
從解除安裝程式解除安裝程式和功能,也可以直接右鍵node.js的安裝包并選擇解除安裝。
重新啟動(或者重新啟動任務管理器殺死所有與節點相關的程序)。
從下列的目錄中找到相關的内容并删除掉:
C:\Program Files (x86)\nodejs
C:\Program Files\nodejs
C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)
C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)
檢查%PATH%環境變量以確定沒有引用Nodejs或npm存在。
重新啟動電腦。
安裝 nvm
https://github.com/coreybutler/nvm-windows/releases
下載下傳最新版nvm并安裝nvm-setup.zip
nvm-setup.exe
建立空目錄F:\vue\dev
F:\vue\dev\nvm
F:\vue\dev\nodejs
安裝. 安全軟體會報警說修改系統環境變量
到path中去看看
在系統變量和使用者變量中 都有
之後選擇nvm的本地安裝目錄,這裡注意,nvm的安裝路徑名稱中最好不要有空格。中文字元 。
NVM 的安裝路徑裡不能有空格和中文字元,否則在使用 nvm use進行版本切換的時候,會報錯exit status 1。最常見的情況,就是把nvm預設裝到了C:\Program Files
nvm 配置路徑和下載下傳源
在nvm安裝路徑下setting.txt檔案中配置如下資訊: 設定nvm路徑(相當于setting.txt中的root:): 設定nodejs路徑(相當于setting.txt中的path:): nvm node_mirror npm.taobao.org/mirrors/nod… nvm npm_mirror npm.taobao.org/mirrors/npm…
nvm預設從官方源進行下載下傳,為了下載下傳平穩快速,可以使用淘寶鏡像,在nvm安裝目錄下的settings檔案中添加如下鏡像位址即可:
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
配置檔案
root: F:\vue\dev\nvm
path: F:\vue\dev\nodejs
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
5,測試nvm
nvm list available
nvm install 12.13.1
nvm use 12.13.1
node -v
npm -v
建立空目錄:
F:\vue\dev\node_cache
F:\vue\dev\node_global
npm config set cache “F:\vue\dev\node_cache”
npm config set prefix “F:\vue\dev\node_global”
prefix這個不确定需要不需要
npm config ls
npm install -g nrm
nrm ls
nrm use cnpm 使用淘寶鏡像
1:設定新的registry 配置:
npm config set registry https://registry.npm.taobao.org --global 先不要用這個
npm config set registry https://registry.npm.taobao.org;
2:檢視了下目前的registry 配置:
npm config get registry:
配置後可通過下面方式來驗證是否成功
npm config get registry 或 npm info express
npm install -g @vue/cli
F:\vue>npm install -g @vue/cli
npm WARN deprecated core-[email protected]2.6.11: core-[email protected]<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-[email protected]3.
F:\vue\dev\node_global\vue -> F:\vue\dev\node_global\node_modules\@vue\cli\bin\vue.js
> core-[email protected]2.6.11 postinstall F:\vue\dev\node_global\node_modules\@vue\cli\node_modules\babel-polyfill\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"
Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
npm config get registry 或 npm info express
npm install -g @vue/cli
vue create my-project
NODE_GLOBAL
F:\vue\dev\node_global
;%NODE_GLOBAL%
建立vue工程
nodejs的安裝
nvm install latest安裝最新版nodejs
npm install nodejs版本号
nvm install stable #安裝最新穩定版 node
使用nvm use (具體版本) 切換nodejs版本。D:\dev目錄下多了一個nodejs檔案夾,這個檔案夾不是單純的檔案夾,它是一個快捷方式具體nodejs 檔案夾。
nvm list指令,檢視已經安裝的nodejs版本
然後輸入node -v 和npm -v之後會有版本号,表明安裝無誤
、檢視所有全局安裝子產品
npm list -g --depth 0
檢視全局安裝路徑
npm config ls
上面指令執行後看到prefix就是子產品全局安裝路徑
nvm install 12.13.1
Windows 系統下設定Nodejs NPM全局路徑
Windows下的Nodejs npm路徑是appdata,很不爽,想改回來,但是在cmd下執行以下指令也無效
npm config set cache “D:\nodejs\node_cache”
npm config set prefix “D:\nodejs\node_global”
最後在nodejs的安裝目錄中找到node_modules\npm.npmrc檔案
修改如下即可:
prefix = D:\nodejs\node_global
cache = D:\nodejs\node_global
# get available node version list
nvm list available
# install specific node version you need
nvm install The_Version_You_Need
# list the node you have installed in your PC
nvm list
# switch node version you need
nvm use The_Version_You_Need
Node.js入門(含NVM、NPM、NVM的安裝)
https://www.cnblogs.com/qianguyihao/p/8492713.html?tdsourcetag=s_pcqq_aiomsg
NPM 不需要單獨安裝。預設在安裝 Node 的時候,會連帶一起安裝 NPM:
Node 附帶的 NPM 可能不是最新版本,可以用下面的指令,更新到最新版本:
$ npm install npm -g
NRM的安裝
由于 NPM 的資源都在國外,有時候會被牆,導緻無法下載下傳或者很慢。此時可以用到NRM。
NRM:Node Registry Manager。作用是:切換和管理包的鏡像源。項目位址:https://www.npmjs.com/package/nrm
安裝 NRM:
npm install -g nrm
NRM 的常用指令:
nrm ls //顯示全部的鏡像
nrm use taobao // 使用淘寶的鏡像
npm config set registry=https://registry.npm.taobao.org
注意:此處位址一定要是 https 開頭,如果是 http 開頭,npm 會很慢卡住。
npm config set prefix “D:\···自己的安裝路徑\nodejs\node_global” 配置全局安裝路徑
npm config set cache “D:\···自己的安裝路徑\nodejs\node_cache” 配置緩存的路徑
配置完成後,再使用 npm config ls 檢視一下配置清單,确認是配置成功。
npm install -g @vue/cli
vue create my-project
切換淘寶鏡像cnpm
npm install nrm -g --save 安裝nrm
nrm ls 檢視預設配置
nrm use cnpm 使用淘寶鏡像
vue create vue-test //vue-test是項目名稱
vue-cli 4.0安裝及項目搭建
https://blog.csdn.net/dapaoshinidie/article/details/102958050
vue-cli4.1.1使用注意事項
https://blog.csdn.net/weixin_41786470/article/details/103399708
Vue cnpm vue - cli4.1.1 項目初始化 (詳細 流程)
https://blog.csdn.net/ForeverBana/article/details/103444172
node 主目錄 打開 cmd
npm config set prefix “\node_global”
npm config set cache “\node_cache”
測試npm,安裝個express:
npm install express -g
安裝完畢後,就可以在F:\Web developer tool\node_js\node-v12.13.0-win-x64\node_global\node_modules路徑下看到express檔案夾。
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v 檢視版本
cnpm install -g @vue/cli
輸入 vue -V 檢視版本
找到項目檔案路徑
vue create vue-test //vue-test是項目名稱
選擇 Manually select features手動配置
空格鍵選擇需要元件
C:\Users\xxx\AppData\Roaming\npm-cache_cacache\tmp
npm 目前安裝的包\
npm list -g --depth 0
F:\vue>npm install -g @vue/cli
npm WARN deprecated [email protected]: [email protected]❤️ is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of [email protected]