IDEA上面安装vue插件,操作详情!!

1.idea上面安装vue插件
IDEA上面安装vue插件,操作详情!!_第1张图片

IDEA上面安装vue插件,操作详情!!_第2张图片

IDEA上面安装vue插件,操作详情!!_第3张图片

IDEA上面安装vue插件,操作详情!!_第4张图片
(到这里idea安装vue插件就好了,接下来我们开始搭建我们后台管理系统)
2.利用vue搭建后台管理系统,这边我们直接用半成品来搭建后台管理系统。这边我们首先克隆GitHub项目,项目地址: https://github.com/PanJiaChen/vueAdmin-template
IDEA上面安装vue插件,操作详情!!_第5张图片

IDEA上面安装vue插件,操作详情!!_第6张图片
模板的项目目录:
IDEA上面安装vue插件,操作详情!!_第7张图片
3.配置run启动:
IDEA上面安装vue插件,操作详情!!_第8张图片

IDEA上面安装vue插件,操作详情!!_第9张图片
4.npm install 初始化相关依赖(管理员打开cmd命令行)
IDEA上面安装vue插件,操作详情!!_第10张图片
5.idea中开启ES6
IDEA上面安装vue插件,操作详情!!_第11张图片
6.idea中开启ESlint检测
IDEA上面安装vue插件,操作详情!!_第12张图片
7.最后点击刚才配置的run,运行vue项
IDEA上面安装vue插件,操作详情!!_第13张图片

IDEA上面安装vue插件,操作详情!!_第14张图片

如果出现以下问题:Module build failed: Error: Cannot find module 'node-sass'
可以采用以下的命令来解决:
npm install -g cnpm --registry= https://registry.npm.taobao.org
cnpm install node-sass --save

你可能感兴趣的:(IDEA相关系列)