vue Mac环境安装总结

1.安装nodejs和npm

官网https://nodejs.org/en

直接下载安装即可

在终端中执行 node -v 会出现安装版本

2. 获取nodejs模块安装目录访问权限  （关键步骤否则会无法执行镜像）

sudo chmod -R 777 /usr/local/lib/node_modules/

3.安装淘宝镜像cnpm

终端打开安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

验证命令：cnpm -v

出现这个就说明安装成功

4.安装webpack

npm install webpack-cli -g

npm install webpack -g 如果慢的话使用cnpm install webpack-g

验证 webpack -v

5.安装vue脚手架

npm install vue-cli -g 或者

npm install --global vue-cli

验证命令:vue -V (注意V要大写)

vue安装完成

6.创建vue项目

cd 到目标文件夹

vue2执行命令  vue init webpack yor project

vue3执行命令 vue create yor project

7.处理执行需要

sudo vi ~/.bash_profile

或者sudo vi ~/.zshrc

增加配置

export PATH=$PATH:/usr/local/bin/

alias npm=“/usr/local/bin/npm”

保存

配置生效

source ~/.bash_profile 或者source ~/.zshrc