网络编程 
首页 > 网络编程 > 浏览文章

IDEA安装vue插件图文详解

(编辑:jimmy 日期: 2024/11/14 浏览:3 次 )

非常详细的IDEA安装vue插件的方法,供大家参考,具体内容如下

1.idea上面安装vue插件

IDEA安装vue插件图文详解

IDEA安装vue插件图文详解

IDEA安装vue插件图文详解

IDEA安装vue插件图文详解

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

2.利用vue搭建后台管理系统,这边我们直接用半成品来搭建后台管理系统。这边我们首先克隆GitHub项目,项目地址

IDEA安装vue插件图文详解

IDEA安装vue插件图文详解

模板的项目目录:

IDEA安装vue插件图文详解3.

3.配置run启动:

IDEA安装vue插件图文详解

IDEA安装vue插件图文详解

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

IDEA安装vue插件图文详解

5.idea中开启ES6

IDEA安装vue插件图文详解

6.idea中开启ESlint检测

IDEA安装vue插件图文详解

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

IDEA安装vue插件图文详解
IDEA安装vue插件图文详解

如果出现以下问题:Module build failed: Error: Cannot find module 'node-sass'

可以采用以下的命令来解决:

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

cnpm install node-sass --save

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

上一篇:vue框架制作购物车小球动画效果实例代码
下一篇:layui use 定义js外部引用函数的方法
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。