mac下用idea运行vue项目

远程办公的第一天，因为项目是前后端分离的，所以我再也没办法和可爱的前端小姐姐一起愉快的联调了～，更关键的是我没前端页面配合来调试功能了，单靠一个Swagger来做bug调试，太不实际了，痛定思痛，还是自己搞个前端项目运行来的实在，下面我直接贴出具体步骤，这些步骤我自己实际操作过(但是有些我根本不懂为啥要这样做)，并且已经可以成功的运行导进来的vue项目了。

1. 先在idea上装个vue.js插件
   

2. 去Node.js官网https://nodejs.org/en/下载,然后一路安装下去直到成功

3. 打开终端输入命令:brew -v
   
   如果出现以上截图结果，就说明你的mac已经安装了brew

4. 如果没有安装brew的话，则输入以下命令:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"，完成brew的安装

5. 获取nodejs模块安装目录访问权限 （必须执行）

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

6. 安装淘宝镜像(cnpm)

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

7. 安装webpack

 sudo cnpm install webpack-dev-server -g 

8. 安装vue脚手架

sudo cnpm install -g vue-cli

9. 安装项目依赖

cnpm install　

10. 安装 vue 路由模块vue-router和网络请求模块vue-resource

 cnpm install vue-router vue-resource --save

11. 然后打开Terminal输入npm run dev或者npm run serve等命令，这主要看你项目的package.json文件里的内容，我这边的前端项目在scripts中，并没有dev，而是serve，所以应该用npm run serve命令
    

12. 然后如果运行没报错，皆大欢喜，我反正是报了以下这个错误:

Error: Cannot find module ‘node-sass’

解决办法是在Terminal里输入命令cnpm install node-sass@latest，然后重新运行，成功启动，大功告成。