IDEA安装vue插件图文详解

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

1.idea上面安装vue插件

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

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

模板的项目目录：

3.

3.配置run启动：

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

5.idea中开启ES6

6.idea中开启ESlint检测

7.最后点击刚才配置的run，运行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

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

赞 (0)

相关推荐

  • 使用IDEA工具配置和运行vue项目及遇到的坑

    刚来公司实习发现公司的前端使用的是vue,之前根本就没有听说过.然后一上来就需要看代码,but but 就是没有文档什么的东西,就需要自己去研读,我就想去运行其中的前端和后端联调起来方便理解,结果在配置和运行中出现了很多挫折,我就想写一下方便 大家不去采坑,直接运行好 一.在IDEA中配置vue插件 点击File-->Settings-->Plugins-->搜索vue.js插件进行安装,下面的图中我已经安装好了. 二.搭建node.js环境 安装node.js 可以去官网下载:安装过程

  • Intellij IDEA搭建vue-cli项目的方法步骤

    Intellij IDEA搭建vue-cli项目的方法步骤

    1.安装/升级node环境 vue-cli对于node和npm的版本是有要求的. 可以通过 node -v (npm -v)查看当前版本,通过 where node (where npm)查看安装路径. 如果node版本不符合vue-cli的要求,那么可以在node官网下载稳定版本并安装. 安装过程比较简单,我更新时,除了修改安装路径,其他都是一直Next即可. 这里要提到一点,更新node版本后,查看版本,会发现npm的版本也已经更新了. D:\workspace\MyProject\Jan2

  • IntelliJ IDEA 安装vue开发插件的方法

    IntelliJ IDEA 安装vue开发插件的方法

    一.导语 最近接触了下idea,虽然我对于各种"代码界的神器"没有多大感冒,一个eclipse或者myeclipse,一个Notepad++ .一个就可以把我征服,但还是蛮喜欢idea这个神器的,虽然,特别坑我的内存. 二.正文 vue在idea中运行,需要配置一定的环境,哦,先讲讲如何破解idea吧. 1.idea的安装 idea最好还是用2015版本的吧,不知道适不适合安卓那些开发,但是对于要开发vue的前端小朋友,还是用2015吧的好,解释不了其他版本哪里不好,但就是运行时各种乱

  • IDEA安装vue插件图文详解

    IDEA安装vue插件图文详解

    非常详细的IDEA安装vue插件的方法,供大家参考,具体内容如下 1.idea上面安装vue插件 (到这里idea安装vue插件就好了,接下来我们开始搭建我们后台管理系统) 2.利用vue搭建后台管理系统,这边我们直接用半成品来搭建后台管理系统.这边我们首先克隆GitHub项目,项目地址 模板的项目目录: 3. 3.配置run启动: 4.npm install 初始化相关依赖(管理员打开cmd命令行) 5.idea中开启ES6 6.idea中开启ESlint检测 7.最后点击刚才配置的run,运

  • IDEA教程之Activiti插件图文详解

    IDEA教程之Activiti插件图文详解

    本文作者:Spring_ZYL 文章来源:https://blog.csdn.net/gozhuyinglong 版权声明:本文版权归作者所有,转载请注明出处 一.安装Activiti插件 1.搜索插件 点击菜单[File]-->[Settings...]打开[Settings]窗口. 点击左侧[Plugins]按钮,在右侧输出＂actiBPM＂,点击下面的[Search in repositories]链接会打开[Browse Repositories]窗口. 2.开始安装 进入[Browse

  • Mysql5.7.18的安装与主从复制图文详解

    Mysql5.7.18的安装与主从复制图文详解

    CentOS6.7安装mysql5.7.18 1.  解压到/usr/local目录 # tar -zxvf mysql-5.7.18-linux-glibc2.5-i686.tar.gz -C /usr/local 2.  mysql-5.7.18-linux-glibc2.5-i686文件夹重命名为mysql # cd /usr/local # mv mysql-5.7.18-linux-glibc2.5-i686/ mysql 3.  新建mysql用户组和mysql用户 # groupa

  • Python Django的安装配置教程图文详解

    Django 教程 Python下有许多款不同的 Web 框架.Django是重量级选手中最有代表性的一位.许多成功的网站和APP都基于Django. Django是一个开放源代码的Web应用框架,由Python写成. Django遵守BSD版权,初次发布于2005年7月, 并于2008年9月发布了第一个正式版本1.0 . Django采用了MVC的软件设计模式,即模型M,视图V和控制器C. 学习Django前,我们要确定电脑上是否已经安装了Python,目前Python有两个版本,不过这两个版

  • 网站国际化多语言处理工具i18n安装使用方法图文详解

    网站国际化多语言处理工具i18n安装使用方法图文详解

    目录 一.首先安装i18n 二.创建语言包文件 三.main.js引入i18n 四.修改App.vue文件 五.页面使用 接下来继续完善,加上切换语言按钮 最后 使用方法,按照上图1234顺序即可 总结 一.首先安装i18n npm install --save vue-i18n 此时安装的是vue-i18n最新版本,项目跑不起来,后来换成8.27.1版本就好了 npm install --save vue-i18n@8.27.1 二.创建语言包文件 1.在src目录下创建i18n文件夹 2.在

  • 分享Oracle 11G Client 客户端安装步骤（图文详解）

    分享Oracle 11G Client 客户端安装步骤（图文详解）

    Oracle 11G Client 客户端安装步骤,具体如下: 下载地址:http://www.jb51.net/database/167737.html 先将下载下来的ZIP文件解压,并运行setup.exe文件. 执行到第四步之后,出现错误,直接点全部忽略就可以了. 把上面的步骤执行完了,那么就该等待Oracle的安装了. 现在这个就搞定了 1.安装Oracle 11G Client后可以在开始菜单中找到 选择NETCA->本地网络服务名配置 选择添加本地网服务名配置 这里的服务名:指的是也

  • MacOSX10.11安装VMware Tools图文详解

    MacOSX10.11安装VMware Tools图文详解

    VMware虚拟机中安装好了VMware Tools,才能实现主机与虚拟机之间的文件共享,下面介绍的是MacOSX10.11中如何安装VMware Tools的操作步骤. VMware Workstation 12菜单栏单击虚拟机命令--单击安装VMware Tools选项. MacOSX10.11桌面光盘右单击,选择推出OS X 弹出VMware Tools对话框,单击安装VMware Tools VMware Tools安装过程. 开始安装VMware Tools,等待安装结束. VMwar

  • window平台安装MongoDB数据库图文详解

    window平台安装MongoDB数据库图文详解

    本文介绍了window平台安装MongoDB数据库的详情,具体如下 官网:www.mongodb.org 安装-->设置环境变量-->启动 1.下载: 根据系统下载 32 位或 64 位的 .msi 文件,下载后双击该文件,按提示安装即可, 国外网站打开运行速度比较慢.现在给个国内下载地址.http://www.jb51.net/softs/41751.html 2.设置安装目录: 通过点击 "Custom(自定义)" 按钮来设置你的安装目录,我将其安装在D:\MongoD

  • SQL Server 2016正式版安装配置过程图文详解

    SQL Server 2016正式版安装配置过程图文详解

    本文针对SQL 2016 正式版安装过程进行梳理总结,帮助大家顺利安装SQL 2016,具体内容如下 1.点击全新安装 2.接着就是下一步,下一步... 3.选择你要安装的功能 [可以利用PolyBase,使用标准TSQL查询hadoop数据,但这里我不需要装] 4.设置排序规则 5.设置登录用户 6.临时数据库配置[SQL Server 2016:可以根据逻辑CPU数量来调整tempdb的数据文件数量] 7.数据库安装完成后,点击安装管理工具 8.管理工具要从官网去下载[https://msd

  • IDEA安装阿里代码规范插件的步骤图文详解

    IDEA安装阿里代码规范插件的步骤图文详解

    要养成一个好的编码习惯从自己编码开始,对自己代码的合理化命名,编码不仅对自己有好处,而且别人也容易读懂你的代码. 所以下载阿里的代码规范插件来约束自己凌乱的代码. 阿里规范插件GitHub地址:https://github.com/alibaba/p3c IDEA安装该插件步骤: 1.打开IDEA,File-> Setteings->Plugins->Browse Repositories,在Browse Repositories搜索栏搜索Alibaba,然后安装 2.安装完后点击   

随机推荐