Vue之创建项目及目录方式

 更新时间:2023年11月06日 14:57:58   作者:辰风沐阳  
这篇文章主要介绍了Vue之创建项目及目录方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

1. 创建项目

vue create 项目名
  • babel

就可以让我们在当前的项目中随意的使用这些新最新的es6,甚至es7的语法。

说白了就是把各种javascript千奇百怪的语言统统转为浏览器可以认识的语言。

  • eslint

js语法检查,代码规范

**

a. 不使用默认的,按键盘的上下箭头可以调整,调整到最后一个,然后回车

**

b. 只选中 Babel,其他不选,* 代表选中,可以通过上下箭头配合空格来调整选中状态,调整好后回车

c. 让其生成 package.json 文件,然后回车

d. 不保存,然后回车

e. 开始安装,耐心等待即可

f. 安装完成,测试运行

2. Vue cli 脚手架 目录结构

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vuex新手进阶篇之actions的使用方法

    vuex新手进阶篇之actions的使用方法

    actions用来处理mutations中的异步操作,触发mutations中的函数,下面这篇文章主要给大家介绍了关于vuex新手进阶篇之actions的使用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • vue如何实现清空this.$route.query的值

    vue如何实现清空this.$route.query的值

    这篇文章主要介绍了vue如何实现清空this.$route.query的值,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 解决Vue在封装了Axios后手动刷新页面拦截器无效的问题

    解决Vue在封装了Axios后手动刷新页面拦截器无效的问题

    这篇文章主要介绍了解决VUE在封装了Axios后手动刷新页面拦截器无效的问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • vue组件以及父子组件通信方式

    vue组件以及父子组件通信方式

    这篇文章主要介绍了Vue组件化的基本概念,包括什么是组件化、Vue的组件化思想以及如何在Vue中注册和使用组件,文章还详细讲解了如何进行父子组件之间的通信,包括父组件传递数据给子组件和子组件通过自定义事件将数据传递给父组件,文章最后通过一个综合练习来巩固所学知识
    2025-02-02
  • vue中使用tinymce及插件powerpaste的使用

    vue中使用tinymce及插件powerpaste的使用

    这篇文章主要介绍了vue中使用tinymce,以及插件powerpaste的使用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07
  • Vue实现跑马灯样式文字横向滚动

    Vue实现跑马灯样式文字横向滚动

    这篇文章主要为大家详细介绍了Vue实现跑马灯样式文字横向滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • 浅谈vue实现双向事件绑定v-model的原理

    浅谈vue实现双向事件绑定v-model的原理

    vue使用v-model实现数据的双向绑定,它会根据控件类型自动选取正确的方法来更新元素,本文就详细的介绍一下原理,感兴趣的可以了解一下
    2021-08-08
  • vue-cli3在main.js中console.log()会报错的解决

    vue-cli3在main.js中console.log()会报错的解决

    这篇文章主要介绍了vue-cli3在main.js中console.log()会报错的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vue实现父子组件之间的数据传递

    Vue实现父子组件之间的数据传递

    在前端开发中,Vue.js 是一个非常流行的框架,因其易学易用而受到许多开发者的青睐,其中,组件是 Vue 的核心概念之一,组件之间的数据传递是开发中的常见需求,本文将探讨如何在 Vue 中实现父子组件之间的数据传递,需要的朋友可以参考下
    2024-11-11
  • Vue中图片的引用方式的区别详解

    Vue中图片的引用方式的区别详解

    在 Vue 开发中,图片的引用方式主要取决于图片存放的位置,一般有四种常用的存放方式,本文将详细分析这些方式的区别,并提供完整的代码示例,希望对大家有所帮助
    2025-02-02

最新评论