vue的安装教程(vue3.0怎么安装)

vue的安装教程(vue3.0怎么安装)公司最近开发项目使用的是版本开发 但是对于版本一直没有研究过如何使用 公司使用配置 pug ts stylus eslint 编辑器使用 使用起来简直不要太爽 默认你已经安装了 1 安装 nbsp 全局安装 1 创建项目 nbsp 2 项目配置 默认配置 手动配置 babel ts 预编译 等等 选择这个 以下是我选择的配置 可以直接按数字键 1 2 3 4 进行选择 将 ES6 编译成 ES5 JS 超集 主要是类型检查 和 路由和状态管理



公司最近开发项目使用的是版本开发,但是对于版本一直没有研究过如何使用,公司使用配置:pug + ts + stylus + eslint;编辑器使用:,使用起来简直不要太爽。

默认你已经安装了

1.安装:

  • : 全局安装

1.创建项目:

2.项目配置:

在这里插入图片描述

  • 默认配置
  • 手动配置:babel ts 预编译 等等… 【选择这个】

以下是我选择的配置(可以直接按数字键1,2,3,4进行选择)

vue-cli 3.0安装和使用插图(1)

  • :将ES6编译成ES5
  • :JS超集,主要是类型检查
  • 和,路由和状态管理
  • / :代码检查工具
  • :css预编译 (稍后会对这里进行配置)
  • :单元测试,开发过程中前端对代码进行自运行测试

是否使用Class风格装饰器?
即原本是:创建实例
使用装饰器后:


使用Babel与一起用于自动检测的填充? yes


路由使用历史模式? 这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面


在这里插入图片描述

使用什么css预编译器? 我选择的


在这里插入图片描述

  • : typescript格式验证工具
  • : 只进行报错提醒; 【选这个】
  • : 不严谨模式;
  • : 正常模式;
  • : 严格模式;

在这里插入图片描述
代码检查方式:我选择保存时检查


![在这里插入图片描述](https://img-blog.csdn.net/20181017222800822?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXdlbndlbjY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

单元测试工具,这里附上单元测试的链接,想了解的小伙伴戳这里 https://vue-test-utils.vuejs.org/zh/


在这里插入图片描述

vue-cli 一般来讲是将所有的依赖目录放在package.json文件里


是否在以后的项目中使用以上配置?不


在这里插入图片描述

下载依赖的工具:使用 yarn,速度快。

到此为止,安装就完成了,可以等待安装成功。

1.的配置,使代码能够在+的时候自动格式化:
在目录县新建文件夹文件,再在目录下新建,文件内容如下:

tips:此配置包含了文件文件的代码缩进

  • 这样做:
    表示在读取到项目是,回去查找下的配置并应用。必须禁用插件:

2.使用

  • 使用安装 和 ;(没有的自行百度安装
  • :安装到开发环境
  • 使用:打开文件,将文件修改为下面这样既可。

0.其他一些eslint配置都可以在文件中的下的下配置

1.报错:
找到文件中的下的:

安装
eslint配置

编程小号
上一篇 2025-03-09 14:46
下一篇 2025-02-25 20:17

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ri-ji/26592.html