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