Home Development Tools atom How to configure js syntax verification in Atom under mac

How to configure js syntax verification in Atom under mac

Feb 04, 2021 pm 06:00 PM
atom javascript mac

This article will introduce to you how to Atom configure JavaScript syntax verification in the mac environment. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

How to configure js syntax verification in Atom under mac

Related recommendations: "atom tutorial"

Hello everyone, this time I brought Atom A small tutorial to teach you how to configure js syntax verification. The following installation environment uses Mac as an example.

1. Install nodejs

2. Install Atom plug-in linter, eslint

3. Install babel-eslint on the console

npm i babel-eslint -g
Copy after login

4. Generate syntax verification configuration file.eslintrc

Specific configuration rules production test eslint official document , I have configured a copy here, in json format.

eslintrc.json preview address: https://segmentfault.com/n/1330000004818767

Put it into the system root directory (such as the root directory of mac: ~/.eslintrc.json)

5. Configure the eslint plug-in in Atom

Configure ESlint Rules Dir (eslint path) such as:

/usr/local/lib/node_modules/babel-eslint
Copy after login

Configure the .eslintrc path, I It is thrown in the root directory:

~/.eslintrc.json
Copy after login

Configure the root path of Node installation. If you don’t know, open the console and enter npm get prefix, and enter the result into

/usr/local
Copy after login

6. Open in html js verification in

Console installation extension plug-in,

npm i eslint-plugin-html -g
Copy after login

Open the .eslintrc configuration file, add configuration in the plug-in item:

"plugins": [
    "eslint-plugin-html"
]
Copy after login

eslint in Atom Check Lint HTML Files in the plug-in

Done, enjoy the new development tools

For more computer programming related knowledge, please visit:Programming Teaching! !

The above is the detailed content of How to configure js syntax verification in Atom under mac. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1657
14
PHP Tutorial
1257
29
C# Tutorial
1230
24
No response when entering password on mac keyboard? No response when entering password on mac keyboard? Feb 20, 2024 pm 01:33 PM

Introduction: In this article, this website will introduce to you the relevant content about the Mac keyboard not responding when entering passwords. I hope it will be helpful to you, let’s take a look. How to solve the problem that the password cannot be entered on the Apple Mac system? You can also try to connect this keyboard to other computers to see if it works normally. If the same problem occurs on another computer, it's most likely a fault with the keyboard itself. You may consider replacing the keyboard or repairing it. The first time you log in to Alipay with your Mac computer, you will find the login interface and cannot enter your password. The password input field displays: "Please click here to install the control", so Alipay login requires the installation of security controls. Security controls can encrypt and protect the information you enter (amount, password, etc.) to improve account security. Tie

3 tips to easily customize your Mac computer name, host name and Bonjour name 3 tips to easily customize your Mac computer name, host name and Bonjour name Mar 06, 2024 pm 12:20 PM

Many Mac users tend to keep the default name of their device and may never consider changing it. Many people choose to stick with the name from the initial setup, such as "Johnny's MacBook Air" or simply "iMac." Learning how to change the name of your Mac is a very useful skill, especially when you have multiple devices, as it can help you quickly distinguish and manage them. Next, we will teach you step by step how to change the computer name, host name and Bonjour name (local host name) in macOS system. Why should you change your Mac name? Changing the name of your Mac can not only show your personality, but also help improve the user experience: Personalize your Mac: The default name may not be to your taste, change it to a name you like.

pkg file to install on mac? pkg file to install on mac? Feb 20, 2024 pm 03:21 PM

Preface: Today, this site will share with you the relevant content about installing pkg files on Mac. If it can solve the problem you are facing now, don’t forget to follow this site and start now! The previous version of macos pkg cannot be installed to upgrade the operating system: If your laptop is using an older operating system version, it is recommended to upgrade to the latest operating system version. Because older versions may not support installation of the latest macOS system. Select "Erase" in Disk Utility, then select the Macos extension in the format, do not check the encryption option, and do not select the apfs format, and finally click the "Erase" button to solve the problem of being unable to complete the macOS installation. Drag the application's icon to the file starting with App

How to set up WeChat Mac to automatically convert voice messages into text - How to set up voice to text conversion How to set up WeChat Mac to automatically convert voice messages into text - How to set up voice to text conversion Mar 19, 2024 am 08:28 AM

Recently, some friends have consulted the editor about how to set up WeChat Mac to automatically convert voice messages into text. The following is a method for setting up WeChat Mac to automatically convert voice messages into text. Friends in need can come and learn more. Step 1: First, open the Mac version of WeChat. As shown in the picture: Step 2: Next, click "Settings". As shown in the picture: Step 3: Then, click "General". As shown in the picture: Step 4: Then check the option "Automatically convert voice messages in chat to text". As shown in the picture: Step 5: Finally, close the window. As shown in the picture:

3 Ways to Convert HEIC Photos to JPG on Mac 3 Ways to Convert HEIC Photos to JPG on Mac Mar 15, 2024 pm 08:43 PM

By default, iPhone takes photos from the camera in HEIC format. HEIC stands for High Efficiency Image Container and can hold more pixel data than PNG or JPG files, taking up significantly less space on iPhone storage compared to other formats. These files work best on iPhones but are not widely accepted on the internet because they often result in blurry/grainy pictures when you share them with non-Apple devices. To ensure that HEIC images are compatible on other devices, you may need to convert them to JPG format. This article will introduce how to convert HEIC images to JPG on Mac. How to Convert HEIC Photos to JPG on Mac [3 Methods] Method

Mac configuration file does not take effect? Mac configuration file does not take effect? Feb 20, 2024 pm 02:00 PM

Introduction: This article will introduce to you the relevant content about the mac configuration file not taking effect. I hope it will be helpful to you, let's take a look. The solution to the problem that environment variables cannot take effect under Mac. After configuring environment variables in the Mac system, it is found that they are only effective in the current terminal and will become invalid once the terminal is switched. After inquiry, it was found that the Mac system is pre-installed with a tool called ultimate shell-zsh, and the reading of environment variables needs to be set in the .zshrc file. 2. In order for our configuration file to take effect, we can only add the above configuration in .zshrc. If you don’t make the above settings, you will find that it will only take effect every time you source ~/.bash_profile. Re-open z next time.

MacBook Pro, iMac to get the M4 upgrade later this year followed by MacBook Air in spring of 2025, claims reliable tipster MacBook Pro, iMac to get the M4 upgrade later this year followed by MacBook Air in spring of 2025, claims reliable tipster Jun 25, 2024 am 06:35 AM

Ever since the Apple M4-powered OLED iPad Prolineuparrived, Apple Silicon aficionados have been eagerly awaiting the arrival of the M4 SoC on the Mac lineup. The M4 was undeniably a major leap forward in both compute and graphics performance - leapfr

How to check file size on Mac? How to check file size on Mac? Feb 20, 2024 pm 01:18 PM

Preface: Today, this site will share with you relevant content about viewing file size on Mac. If it can solve the problem you are facing now, don’t forget to follow this site and start now! How to check the file size in WPS on Mac. First, open WPS and click the [Insert] tab. Next, click the small triangle below the [Picture] button and select [From File]. Find the target image file in the pop-up window and double-click to add it. Once added, right-click on the image. After opening WPS, we first need to click on the three small dots on the right side of the ppt. Then, an interface pops up, we slide down, find [Details] and click to enter. Once we enter the details interface, we can see the specific size of this ppt. The third step is to select "Display

See all articles