mac中IDEA开发vue的环境搭建

1.安装插件

打开idea，首页选择configure -> plugins

2.搭建node.js环境

http://nodejs.cn/download/下载对应版本，无脑下一步即可完成安装。

打开终端，千万注意要以管理员身份运行！输入sudo - i
输入本机密码
然后输入 node -v
如果正确显示版本号，安装完成

3.使用淘宝NPM镜像

管理员下，终端输入 sudo npm install -g cnpm –registry=http://registry.npm.taobao.org
永久更改使用指定淘宝镜像 npm config set registry https://registry.npm.taobao.org
查看镜像源 npm config get registry
输入 cnpm -v 即可查看对应版本号

4.安装vue脚手架构建工具

命令行输入 npm install -g @vue/cli，可以输入vue --version或vue -V查看脚手架版本。

5.创建新项目

如下图所示，在JavaScript下找到vue.js，创建一个vue项目

刚打开此处会加载一段时间


点击绿色三角运行，在浏览器输入http://localhost:8080/ 显示如下页面说明运行成功。

6.安装项目依赖

在idea里找到Terminal，输入cnpm install。

7.引入vue.js

之后运行会出现两个错误

第一个只需要在chrom中添加扩展程序即可解决，将扩展程序直接拖入。

第二个只需要将productionTip设置为false即可解决。

此时环境搭建完成！！！！