IDEA 使用VUE框架

此版为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 -vv10.16.0PS C:> npm -v6.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

IDEA 使用VUE框架相关推荐

Vue 框架-02-事件：点击, 双击事件,鼠标移上事件
Vue 框架-02-事件:点击, 双击事件,鼠标移上事件 1.单击事件:v-on:click 源码 app2.js : //实例化 vue 对象 new Vue({//注意代码格式//el:eleme ...
vue 搜索框header_在Vue框架下使用Fullcalendar
原标题:在Vue框架下使用Fullcalendar Fullcalendar是一个非常受欢迎的日历日程处理的js组件,它功能强大,文档齐全,可定制化高,可与你的项目无缝对接.本站之前有很多文章介绍了F ...
每天一点点之vue框架开发 - axios解决跨越问题
每天一点点之vue框架开发 - axios解决跨越问题参考文章: (1)每天一点点之vue框架开发 - axios解决跨越问题 (2)https://www.cnblogs.com/cap-rq/p ...
三十一、Vue框架赶紧来了解一下
@Author:Runsen @Date:2019/08/10 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不 ...
vue插槽面试题_关于前端Vue框架的面试题，面试官可能会问到哪些。？
这年头,程序员面试都讲究坐姿,姿势不对,努力白费. 参照下图,请同学们对号入座. 回想一下,自己平时面试的坐姿,你在面试官眼里,大概是什么形象,可能是工程师,也可能是键盘侠,或者找麻烦的. 当然了,想 ...
老张 .NetCore与Vue 框架学习
缘起作为一个.Net攻城狮已经4年有余了,一直不温不火,正好近来项目不是很忙,闲得无聊,搞一搞新技术,一方面是打发无聊的时间,一方面也是督促自己该学习辣!身边的大神都转行的转行,加薪的加薪,本人比较 ...
vue框架项目部署到服务器_在浏览器中在线尝试无服务器框架项目！
vue框架项目部署到服务器无服务器框架是无服务器工具的一致领导者. 但是,没有简单的方法可以在线试用无服务器框架项目. 您确实需要一个体面的开发人员设置,并且需要一些工作来设置sls , npm等. ...
Vue 框架-05-动态绑定 css 样式
Vue 框架-05-动态绑定 css 样式今天的小实例是关于 Vue 框架动态绑定 css 样式,这也是非常常用的一个部分首先说一下动态绑定,相对的大家都知道静态绑定,静态绑定的话,直接加 cl ...
Vue框架之条件与循环的使用
如果是初学者的话,这里先给你一个基础知识的框图,可以了解一下下面代码的由来. 也可以选择我这个链接Vue条件与循环跳转到Vue官网进行学习. 上面是Vue的一个简单案例,不要急,进阶版来了,通过这个框 ...
前端笔记-Vue框架的基本认识
目录基本概念 div与vue实例绑定挂载点,模板,实例之间的关系插入页面的其他写法模板指令 Vue中的属性绑定和双向数据绑定 Vue中的计算属性和侦听器 v-if,v-show,v-for指令 ...

IDEA 使用VUE框架

IDEA 使用VUE框架相关推荐

最新文章

热门文章