创建VUE项目,在IDea上进行开发与运行的简单流程

目录

  • 一、创建VUE项目
    • 1. 外部终端创建
    • 2. IDea内部终端创建
    • 3. 项目介绍
    • 4. vue 的特别之处
  • 二、在IDea上开发与运行
    • 1. 创建组件与编码
    • 2. 配置组件路由
    • 3. 设置访问关联
    • 4. 运行

一、创建VUE项目

这里只介绍其中我所熟知的两种方式

1. 外部终端创建

  1. 在存储vue项目的目录,清除路径并输入cmd,回车,进入当前目录的命令行终端
    创建VUE项目,在IDea上进行开发与运行的简单流程
  2. 根据自己需要选择模式,这里我选择自定义模式
    创建VUE项目,在IDea上进行开发与运行的简单流程
  3. 选择模式,然后创建,创建完毕后,即可在左侧目录找到项目

    创建VUE项目,在IDea上进行开发与运行的简单流程
  4. 对组件进行编码

    标签 作用
    template 可理解为Body部分,但template只能放置一个控件,如果需要放置多个控件,可以嵌套放在div控件中
    script JS脚本的部分
    tyle 编写样式部分

2. 配置组件路由

创建VUE项目,在IDea上进行开发与运行的简单流程

完整代码

3. 设置访问关联

打开App.vue创建链接

创建VUE项目,在IDea上进行开发与运行的简单流程
注意,vue支持热部署,在vue启动期间,如果文件发生改变,vue无需重新启动,刷新页面即可

文章知识点与官方知识档案匹配,可进一步学习相关知识Java技能树首页概览92347 人正在系统学习中

来源:一级新生

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年2月9日
下一篇 2022年2月9日

相关推荐