IDEA上面安装vue插件,并极速搭建vue后台管理模板

想学习分布式、微服务、JVM、多线程、架构、java、python

 

1.idea上面安装vue插件

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js

 

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_02

 

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_03

 

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_04

(到这里idea安装vue插件就好了,接下来我们开始搭建我们后台管理系统)

2.利用vue搭建后台管理系统,这边我们直接用半成品来搭建后台管理系统。这边我们首先克隆GitHub项目,项目地址:https://github.com/PanJiaChen/vueAdmin-template

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_05

 

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_06

模板的项目目录:

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_07

3.配置run启动:

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_08

 

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_09

4.npm install 初始化相关依赖(管理员打开cmd命令行)

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_10

5.idea中开启ES6

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_11

6.idea中开启ESlint检测

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_12

7.最后点击刚才配置的run,运行vue项

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_13

 

IDEA上面安装vue插件,并极速搭建vue后台管理模板_vue.js_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上面安装vue插件,并极速搭建vue后台管理模板_vue.js_15