介绍vue项目中jsconfig.json概念及使用步骤

3403771864 发布于2023-01-02 11:07 / 969人阅读

　先为大家介绍在vue项目中 jsconfig.json

　　官方说明：当您在工作空间中有一个定义项目上下文的jsconfig.json文件时，JavaScript体验会得到改进。

　　概述

　　目录中存在tsconfig.json文件表明该目录是 TypeScript 项目的根目录。该tsconfig.json文件指定编译项目所需的根文件和编译器选项。

　　JavaScript 项目可以使用jsconfig.json文件来代替，两者近乎相同，同时默认启用了一些与 JavaScript 相关的编译器标志。

　　一、使用tsconfig.json或jsconfig.json

　　jsconfig.json源于tsconfig.json，是TypeScript的配置文件。
　　jsconfig.json相当于tsconfig.json的“allowJs”属性设置为true

　　二、使用步骤

　　1. 配置说明

　　代码如下（示例）：

　　{
　　"compilerOptions": {
　　"baseUrl": ".",
　　"paths": {
　　// 解决项目中使用@作为路径别名，导致vscode无法跳转文件的问题
　　"@/*": ["src/*"]
　　},
　　// 解决prettier对于装饰器语法的警告
　　"experimentalDecorators": true,
　　// 解决.jsx文件无法快速跳转的问题
　　"jsx": "preserve"
　　},
　　//提高 IDE 性能
　　"exclude": ["node_modules", "dist", "build"]
　　}

　　*Tips就是解释下exclude为什么提高编译器性能？

　　就是当开发的项目根目录下没有 jsconfig.json，在默认情况下，像 VS Code，默认只会把 node_modules文件夹排除掉。

　　官方建议：

　　只要有可能，您应该使用不属于项目源代码的JavaScript文件排除文件夹。

　　意思就是与开发无关的文件可以让 IDE 全部在编译时排除掉，像上面的配置中就排除了，构建过程依赖文件（node_modules）和生成的文件(dist 目录) 排除这些文件，可以提高 vscode 的性能。。

　　2. 配置 webpack 别名

　　咋样，新手是不是无从下手那，太乱了。

　　现在它来了，你需要配置paths ：

　　"paths": {
　　"@/*": ["src/*"]
　　}

　　用 @ 代替项目中 src目录，我们在 src 目录下找 components 就简单多了

　　3. compilerOptions配置

　　本文内容已全部讲述完毕，欢迎大家关注后续更多精彩内容。

专线服务云服务器 vue 中使用 webrtc vue中使用webrtc 云服务器搭建vue项目 html项目步骤插件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/129038.html

RxJava系列二（基本概念及使用介绍）

摘要：作用默认的，直接在当前线程运行总是开启一个新线程用于密集型任务，如异步阻塞操作，这个调度器的线程池会根据需要增长对于普通的计算任务，请使用默认是一个，很像一个有线程缓存的新线程调度器计算所使用的。这个使用的固定的线程池，大小为核数。转载请注明出处：https://zhuanlan.zhihu.com/p/20687307 RxJava系列1(简介) RxJava系列2(基本概念及使...

simpleapples 2019-06-25 11:01 评论0 收藏0
RxJava系列二（基本概念及使用介绍）

摘要：作用默认的，直接在当前线程运行总是开启一个新线程用于密集型任务，如异步阻塞操作，这个调度器的线程池会根据需要增长对于普通的计算任务，请使用默认是一个，很像一个有线程缓存的新线程调度器计算所使用的。这个使用的固定的线程池，大小为核数。转载请注明出处：https://zhuanlan.zhihu.com/p/20687307 RxJava系列1(简介) RxJava系列2(基本概念及使...

Profeel 2019-08-14 17:14 评论0 收藏0
可视化编程中的几个基础概念及个人理解

摘要：纹素纹理元素，纹素从纹理内存中获得，表示的是将纹理贴到相应片元上的颜色。创建和初始化纹理对象后，在应用程序中可以通过着色器来访问纹理图像中的数据。着色器中的纹理用纹理采样器表示。纹理可将纹理简单理解一张图片。用来修改由光栅化产生的片元颜色的图像。将纹理贴到图元的过程，称为纹理映射。纹素：纹理元素，纹素从纹理内存中获得，表示的是将纹理贴到相应片元上的颜色。也就是说，纹素可简单理解为一...

lk20150415 2019-08-06 10:51 评论0 收藏0
不再手写import - VSCode自动引入Vue组件和Js模块

摘要：如要自动引入组件，首先需安装拓展自动引入组件和普通模块在根目录添加。使用自动引入中的安装拓展配置输入命令后选择引入包其他自动引入组件和模块后，按住点击路径可直接跳到该文件文章原始发布于我的博客如要自动引入Vue组件，首先需安装VSCode拓展： Vetur 自动引入Vue组件和普通Js模块在根目录添加 jsconfig.json 。每次修改jsconfig.json后需重启该V...

LiuRhoRamen 2019-08-22 18:49 评论0 收藏0
ElasticSearch重要概念及简单用法

摘要：接着上一篇搭建的环境继续学习，从概念开始，本篇文章将介绍中的一些重要概念及部分原理性概念，以下内容中简称为。表示字段，具体指的是中的某一个数据字段。可以在故障时提供备用服务。接着上一篇ElasticSearch搭建的环境继续学习，从概念开始，本篇文章将介绍ElasticSearch中的一些重要概念及部分原理性概念，以下内容中简称为ES。一、ES部分名词解释 1.NRT：英文全称为N...

Corwien 2019-07-25 12:25 评论0 收藏0