IDEA 使用VUE框架

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动第一步:安装Nodejs 下载连接:http://nodejs.c...

杉言

3576人浏览 · 2019-07-18 16:29:49

杉言 · 2019-07-18 16:29:49 发布

此版为demo，写的不全面，下面附上更详细的。

更详细的请点击此连接:IDEA 使用VUE框架

1.vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，vue 被设计为可以自底向上逐层应用。
2.vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
3.另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动
4.安装Nodejs 下载连接:nodejs
5.安装nodejs成功后需要进行检验，打开cmd命令行，输入node -v与npm -v，检验成功会出现版本号,出现版本号即为正确

	PS C:> node -v
	v10.16.0
	PS C:> npm -v
	6.9.0

6.安装完Nodejs之后，在进行安装vue-cli3 7.执行命令 cnpm install -g @vue/cli,出现下图即为正在安装。

在这里插入图片描述

8.输入 vue ui 进入vue项目管理器,详细版有更全面的配置
更详细的请点击此连接:IDEA 使用VUE框架

9.使用命令来创建一个vue项目，由于我已经配置好了,想看配置更全面的请点击下面的连接
更详细的请点击此连接:IDEA 使用VUE框架

10.执行命令：vue create 项目名称(项目名称为你所要的项目名称)。
11.这里有一个小问题，就是在创建项目时，要创建Vue项目在D盘，那么在命令行中输入D:,回车之后，可以发现C盘变成了D盘。

	PS C:> D:

12.要具体到某个文件的话，就继续输入：cd 某个文件夹的名字，按下tab，他会帮你补全。如：cd .\VueDemo\，回车就进入到创建的vue项目的地方了。

	PS D:> cd .\VueDemo\    //回车
	PS D:\VueDemo\>

	PS D:\VueDemo\>vue create demoxs		//创建为demoxs的文件名称

在这里插入图片描述
13.创建完成后，在次输入命令：npm run serve,运行Vue项目，当然你需要在IDEA中引入项目(Flie>Open>文件所在盘)，然后就可以运行Vue项目了。
14.在cmd中需要具体到某个文件夹。
在IDEA中，IDEA会自动的具体到某个文件夹。

	PS D:\VueDemo\demoxs\> npm run serve

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^