Mac M1配置node、Vue環境

安裝 Nvm

Nvm 是一個管理 Node 版本的工具，當項目多了以后，總會碰到需要切換 Node 環境的時候，所以推薦大家使用 Nvm 來安裝 Node。

按照Homebrew

https://zhuanlan.zhihu.com/p/372576355

Homebrew 安裝 Nvm

若是你已經按上述步驟安裝好了 Homebrew，那么你可以直接通過 Homebrew 的命令輕松安裝 Nvm

brew install nvm

安裝之后發現找不到nvm指令：

https://www.jianshu.com/p/e945bb48593e

• 加鏡像

export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node
export NVM_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs

• nvm 指令介紹
  https://www.cnblogs.com/haoqiyouyu/p/15129427.html

$ nvm ls 列出所有已經安裝的版本
$ nvm ls-remote 查看 所有的node可用版本

$ nvm install xxx 下載你想要的版本

$ nvm use xxx 使用指定版本的node 
$ nvm current 顯示當前使用的版本$ nvm alias default xxx 每次啟動終端都使用該版本的node

安裝node

查看可用版本之后，發現最新是16的
nvm install 16

• 換npm源

npm config set registry https://registry.npm.taobao.org # 換源
npm config get registry #查看源

創建項目

1. 先用npm安裝vue-cli腳手架工具（vue-cli是官方腳手架工具，能迅速幫你搭建起vue項目的框架）：
   npm install -g vue-cli

2. 安裝好后，在project項目根目錄下，新建一個前端工程目錄：
   vue-init webpack frontend //安裝中把vue-router選上，我們須要它來做前端路由

3. 進入frontend目錄，運行命令：
   npm install //安裝vue所須要的node依賴

參考鏈接

1. https://www.jianshu.com/p/ef16b3bec42b