Vue-6.编译器webstorm

傷城~ 2024-03-24 18:25 63阅读 0赞

### Vue专栏（帮助你搭建一个优秀的Vue架子） ###

[Vue-1.零基础学习Vue][Vue-1._Vue]  
[Vue-2.Nodejs的介绍和安装][Vue-2.Nodejs]  
[Vue-3.Vue简介][Vue-3.Vue]  
[Vue-4.编译器VsCode][Vue-4._VsCode]  
[Vue-5.编译器Idea][Vue-5._Idea]  
[Vue-6.编译器webstorm][Vue-6._webstorm]  
[Vue-7.命令创建Vue项目][Vue-7._Vue]  
[Vue-8.Vue项目配置详解][Vue-8.Vue]  
[Vue-9.集成（.editorconfig、.eslintrc.js、.prettierrc）][Vue-9._.editorconfig_.eslintrc.js_.prettierrc]  
[Vue-10.集成.env][Vue-10._.env]  
[Vue-11.集成.travis.yml][Vue-11._.travis.yml]  
[Vue-12.集成postcss.config.js][Vue-12._postcss.config.js]  
[Vue-13.创建完整的Vue项目（webstorm）][Vue-13._Vue_webstorm]

### 前言 ###

对于长期使用idea的同学，前端编译器可以使用webstorm

*  [下载地址][Link 1]

### 关闭自动更新 ###

![在这里插入图片描述][5030f891803d4ddcb0dc9c46f8759922.png]

### 全局内存配置（重启后生效） ###

![在这里插入图片描述][3260345f497244ab8ac915dbf9f6258b.png]

### 安装插件 ###

#### 汉化插件（Chinese） ####

![在这里插入图片描述][0182029d23e94a60aca2d4ce2307d340.png]

#### Gitee（我喜欢用Gitee，它比较快） ####

#### ignore ####

当我们在向github提交代码时，有一些文件不希望一并提交，这时候我们可以创建一个.gitignore文件来忽略某些文件的提交。  
![在这里插入图片描述][e36e46de20a643559c9e9baaf73a8efa.png]  
也可以添加指定文件到.gitignore中，被忽略的文件将变成灰色。  
![在这里插入图片描述][3a2d284209d748a59e0b51a20c5e1771.png]

#### ESLint Restart Service Action ####

在 WebStorm 中使用 ESLint 插件的一般步骤如下：

1.  打开 WebStorm 编辑器，并在顶部菜单中选择 “File”（文件）-> “Settings”（设置）（或者在 macOS 上是 “WebStorm” -> “Preferences”）。
2.  在设置面板中，展开 “Editor”（编辑器）部分，然后选择 “Code Style”（代码风格）。
3.  在右侧的选项卡中，选择 “JavaScript”（或 “ECMAScript 6”），然后切换到 “ESLint” 选项卡。
4.  在 “Enable”（启用）下，选择 “Automatic ESLint Configuration”（自动 ESLint 配置）。
5.  选择 “Node Interpreter”（Node 解释器）和 “ESLint Package”（ESLint 包）的路径。您需要指定 Node.js 解释器的路径以及全局或项目本地的 ESLint 包。
6.  保存设置并关闭设置面板。
7.  在您的项目中，确保您已经安装了 ESLint 并配置了相应的 `.eslintrc` 文件。
8.  在编辑代码时，ESLint 将自动检测和应用规则。您可能会看到代码中的错误和警告，具体取决于您的 ESLint 配置。

#### .env files support ####

它会帮助您在编辑 .env 文件时获得更好的语法高亮、智能感知和其他功能。

#### Cypress Support ####

“Cypress Support” 插件是用于 WebStorm 编辑器的一个插件，专门用于提供对 Cypress 测试框架的支持。Cypress 是一个流行的前端端到端（E2E）测试框架，用于编写和运行浏览器端的自动化测试。

该插件可以在 WebStorm 中为 Cypress 测试提供更好的集成和开发体验，包括代码智能感知、自动完成、错误检查等。如果您在 WebStorm 中使用 Cypress 进行测试，这个插件可以帮助您提高开发效率。

以下是安装和使用 “Cypress Support” 插件的一般步骤：

1.  打开 WebStorm 编辑器。
2.  导航到 “File”（文件）-> “Settings”（设置）（或者在 macOS 上是 “WebStorm” -> “Preferences”）。
3.  在设置面板中，选择 “Plugins”（插件）。
4.  在插件搜索框中，输入 “Cypress Support”。
5.  如果插件存在并且与您搜索的关键词匹配，您应该能够在搜索结果中找到它。
6.  点击插件名称旁边的 “Install”（安装）按钮，安装插件。
7.  安装完成后，您可能需要重新启动 WebStorm 来使插件生效。

一旦插件安装并启用，您应该在编写 Cypress 测试代码时获得更好的代码智能感知、自动完成和错误检查。这将有助于您更轻松地编写和维护 Cypress 测试。

请注意，插件的名称和功能可能会因时间变化而有所不同。如果插件的名称、配置方式或功能在我截止获取知识的时间后发生了变化，建议您查阅 WebStorm 的官方文档或插件市场，以获取最新的信息和操作指南。

#### aiXcoder代码智能补全 ####

![在这里插入图片描述][d5c000784e204e568258e2602ad2a26d.png]

#### License Template ####

在软件开发中，许可证模板（License Template）通常是一种事先定义好的文本格式，用于在您的软件项目中指定使用的许可证类型和相关条款。这些模板有助于明确您的代码在何种许可下可以被使用、复制和分发。

[Vue-1._Vue]: https://blog.csdn.net/yueerba126/article/details/132180561
[Vue-2.Nodejs]: https://blog.csdn.net/yueerba126/article/details/132191078
[Vue-3.Vue]: https://blog.csdn.net/yueerba126/article/details/132189325
[Vue-4._VsCode]: https://blog.csdn.net/yueerba126/article/details/132277138
[Vue-5._Idea]: https://blog.csdn.net/yueerba126/article/details/132301563
[Vue-6._webstorm]: https://blog.csdn.net/yueerba126/article/details/132341629
[Vue-7._Vue]: https://blog.csdn.net/yueerba126/article/details/132296083
[Vue-8.Vue]: https://blog.csdn.net/yueerba126/article/details/132302762
[Vue-9._.editorconfig_.eslintrc.js_.prettierrc]: https://blog.csdn.net/yueerba126/article/details/132313644
[Vue-10._.env]: https://blog.csdn.net/yueerba126/article/details/132333568
[Vue-11._.travis.yml]: https://blog.csdn.net/yueerba126/article/details/132333769
[Vue-12._postcss.config.js]: https://blog.csdn.net/yueerba126/article/details/132358855
[Vue-13._Vue_webstorm]: https://blog.csdn.net/yueerba126/article/details/132345462
[Link 1]: https://www.jetbrains.com.cn/webstorm/
[5030f891803d4ddcb0dc9c46f8759922.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/e11ccc720b0145e898ca427981c93e13.png
[3260345f497244ab8ac915dbf9f6258b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/8eb08204e0634e00993fe996e657c92b.png
[0182029d23e94a60aca2d4ce2307d340.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/f3a56973db074daf8e4d49ffc58ba93c.png
[e36e46de20a643559c9e9baaf73a8efa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b3e3e0afc8d84fe7bb42f620982fccc2.png
[3a2d284209d748a59e0b51a20c5e1771.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/ffea0917945a4987a3aca2d336e43526.png
[d5c000784e204e568258e2602ad2a26d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/692feaa04b044ce69317ad8c92a3fe76.png