1.vue插件下载

如图步骤点击查找到vue插件后点击下载即可

点击ok后，重启Idea

2.配置

File中打开Settings -->Editor-->File Types，然后再下拉选项中找到HTML，并且点击其加号添加后缀 *.vue （注意字符前不要有空格）

配置vue语法，如图在File中打开Settings，点击最右边的红色方框中的扩展添加vue语法

添加的vue语法如下,直接复制粘贴即可：

@tap
@tap.stop
@tap.prevent
@tap.once
@click
@click.stop
@click.prevent
@click.once
@change
@change.lazy
@change.number
@change.trim
v-model
v-for
v-text
v-html
v-if
v-else-if
v-else
v-pre
v-once
v-bind
scoped
@keyup.enter
:class
:style
v-show
:key
@keyup
@submit
@submit.prevent
@mouseenter
@mouseleave
@mouseout
@mouseover

3.在idea中建立vue项目

我这里是在自己之前的springboot项目中（即vue项目会建立在springboot项目目录下），打开idea中的 terminal新建vue项目（新建项目的方法和cmd中建立vue项目一样）。

输入命令 vue init webpack vuetest （vuetest是我的项目名），之后会有一些问题选择，我都是默认回车和yes。等待一会后就会出现项目创建成功的提示。我们就可以在我们的工程目录中看到vue项目的文件里目录（dist文件夹是编译之后才有的无需注意）。

使用cd命令进入vue项目目录下后，执行 npm run dev，在在浏览器输入http://localhost:8080 即可看到vue项目的网页，此处忘截图了，方法和cmd中运行vue项目一样，详见：

Vue 安装和基础模板项目建立运行_.'~'.的博客-CSDN博客

出现以先界面说明vue项目建立成功。

Idea配置 vue 插件和 vue 项目的建立相关推荐

HbuilderX配置Git插件并导入项目和上传代码
一.安装git 没有安装git的,从 git官网下载windows版本的git[一般使用默认设置即可:一路next下去,git安装完毕!] 二.安装TortoiseGit工具到 TortoiseG ...
Vue引入第三方JavaScript库和如何创建自己的Vue插件
一第三方JavaScript库前言 .vue文件中不解析 script标签引入js文件,只能用 import 引入有两种用法: 1.import a from '-/a' 2.import ' ...
chrome vue插件_VS Code 前端常用插件推荐
⊕.vscode安装插件只需要点击图片所示按钮,即可进入拓展,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启vscode使得插件生效. Ξ.当你不需要某个插件时只需要进入扩展,点击对应 ...
vue组件+vue插件的创建和使用
一.vue组件的概念是一个可以重复使用的Vue实例,它拥有独一无二的组件名称,它可以扩展HTML元素,以组件名称的方式作为自定义的HTML标签.因为组件是可复用的Vue实例,所以它们与new Vue ...
vue尚品汇商城项目-day07【vue插件-49.（了解）自定义插件】
文章目录 49.(了解)自定义插件本人其他相关文章链接 49.(了解)自定义插件自定义插件好处: 功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue, ...
vue项目中的小知识--快捷键-vue插件版本号--vscode插件等
vue项目中的小知识--快捷键等 0 版本号 1 代码片段的获取: 2 vscode中一些常用扩展 3 进入另一个文件夹,返回上一级 4查看Vue的版本和Vue/CLI的版本 5 --save-dev ...
Vue 脚手架生成的项目结构分析||Vue 脚手架的自定义配置
Vue 脚手架生成的项目结构分析 Vue 脚手架的自定义配置
vue H5移动端项目真机测试配置
vue cli2 1.配置网段:(手机和电脑在同一局域网内) 2.在项目中重启命令行(或者cmd)运行 ipconfig 获取到项目在本机运行的ip地址 3.关闭防火墙 4.前端:config文件夹下 ...
Chrom谷歌浏览器配置vue插件
1.去这个网址下载安装包 https://download.csdn.net/download/jake_DaDa/20414651?spm=1001.2014.3001.5501 2.点开谷歌浏览器 ...

Idea配置 vue 插件和 vue 项目的建立

1.vue插件下载

2.配置

3.在idea中建立vue项目

Idea配置 vue 插件和 vue 项目的建立相关推荐

最新文章

热门文章