Vue 入门之安装（Mac）

Vue 入门之安装（Mac）

Step 1

安装npm，npm全称为Node Package Manager，是一个基于Node.js的包管理器

brew install node
//安装node
node -v
//查看版本
npm -v
//与node同步安装

Step 2

切换国内淘宝源，安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.ort

Step 3

安装 vue-cli

cnpm install -g @vue/cli

Step 4

安装 webpack

cnpm install -g webpack
//webpack 是 JavaScript 打包器

是不是很简单，你以为这就结束了？执行vue -v 验证提示 zsh: command not found: vue ???

Step5

编辑~/.bash_profile

//获取node路径
cnpm -v
//输出如下
cnpm@6.1.1 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.13.4 (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@12.14.0 (/usr/local/Cellar/node/12.8.1/bin/node)
npminstall@3.25.2 (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local/Cellar/node/12.8.1
darwin x64 19.2.0
registry=https://r.npm.taobao.org

vi ~/bash_profile
//添加一行
export PATH="$PATH:/usr/local/Cellar/node/12.8.1/bin/node"
//退出vi编辑，保存并生效
source .bash_profile
//查看Vue版本
vue -V
@vue/cli 4.1.2
//webpack 版本
webpack -v
4.41.5