当前位置:网站首页 > Vue.js开发 > 正文

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



公司最近开发项目使用的是版本开发,但是对于版本一直没有研究过如何使用,公司使用配置: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/?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.报错:
找到文件中的下的:

到此这篇vue的安装教程(vue3.0怎么安装)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 上一章 目录 设置(上一章 目录 设置 4、高冷学霸是个撒娇怪by孟扬 ...)2025-07-31 22:00:06
  • vue2.0官网(vuecli官网)2025-07-31 22:00:06
  • auto.js全局变量(js中全局变量的值在什么情况变化)2025-07-31 22:00:06
  • jsjs是哪个地区的烟草(jsjs3101是哪个烟草的香烟)2025-07-31 22:00:06
  • 合并数组js(合并数组并去重)2025-07-31 22:00:06
  • ubuntu镜像有什么用(ubuntu 20.04镜像)2025-07-31 22:00:06
  • Redhat9.0(Redhat9.0默认的文件系统类型为)2025-07-31 22:00:06
  • pcie5.0显卡供电线(显卡pcie供电线怎么插)2025-07-31 22:00:06
  • vue 插槽(vue 插槽的作用是什么?)2025-07-31 22:00:06
  • vue 关闭eslint(vue关闭eslint警告)2025-07-31 22:00:06
  • 全屏图片