Kanji
・ Cloud engineer / freelance ・ Born in 1993 ・ Born in Ehime Prefecture / Lives in Shibuya-ku, Tokyo ・ AWS history 5 years Profile details
Table of Contents
VS Marketplace link
It is a plug -in to translate vscode in Japanese.
At the time of initial installation, it is written in English, so if you want to be Japanese, please install it.
GitHub Copilot is a plug-in that provides code complementary functions with AI.
If you describe what kind of processing you want to do with function name or comment out, it will propose a code according to it.
There is a 30 -day free trial period, but a paid plan of 10 USD (100 USD per month) is required to continue using it.
In particular, it is described on the official page that it is suitable for Python, JavaScript, TypeScript, Ruby, GO, C#, C ++, but can be used in infrastructure such as Terraform and CloudFormation.
I realize that the development speed will change more than double depending on whether there is GitHub Copilot, and it is a particularly recommended plugin.
If you want to prohibit the use of GitHub Copilot in the project, you can use the following settings to the basic settings so that GitHub Copilot is not available in the project.
{ "github.copilot.enable": { "*": false } }
If you select the text and press the shortcut key (default is Alt + Shift + T ), it will display the translation result by Google Translate.
Alt + Shift + T
It can be translated without leaving vscode, so it is useful when you want to think about function names and translate comments and Git commit messages in English.
It is a plug -in that converts the selected text into a camel case, snake case, pascal case, etc.
You can convert it by selecting the text you want to convert the character case and selecting the following menu from the command palette (Windows (Windows is Ctrl + Shift + P , Mac is Command + Shift + P )).
Ctrl + Shift + P
Command + Shift + P
Draw.io is a free use tool that can be used for free.
You can use the tool from draw.io in the web browser, but if you cannot enter customer information on the web due to internal security rules.You can use the VSCode plugin that can be used offline.
It can be used to create architectural diagrams for AWS, GCP, and Azure.There is only an old icon, but you can use other items other than the standard icons by importing images with copy and paste or importing XML files.
Prettier is a code formatter that supports various languages.
There are many major Formatters depending on the language, but if you put it in, it will be compatible with some languages.
This is a plug -in for connecting to a remote server using SSH connection.
You can edit the connected remote server files on vscode.
By describing the connection destination information in ~/.ssh/config , the connection information can be centrally managed.
~/.ssh/config
A plug -in to launch vscode that runs on the WSL using WSL (Windows Subsystem for Linux).
It is an essential plug -in for users who use the WSL.
It is a plug -in for building a development environment using a Docker container.
I do not use much, but I can unify the development environment by sharing the file at the time of the DEV CONTAINER building with the team.
However, it is necessary to operate the container, so a PC with some specifications is required.
It may not be much needed for infrastructure engineers, but maybe something can be used?That’s why I introduce it as a recommendation.
It is a major plug -in that allows you to check the Git history.
You can display the history of brunch, editor, file, and compare history between brunch and commit.
Git History is more famous for checking the Git history, but when comparing between brunch, this is recommended because it is personally easier to use.
In Git History, all files differences are displayed in the editor -like when comparing between brunch, but in Git History Diff, the difference is displayed on the sidebar, so which file has a difference.You can see at a glance.
Gitlens is also a plug -in to check the git history, but unlike Git History and Git History Diff, it is displayed directly on the code, so you can check the history while looking at the code.
Although the screen is messed up, it cannot be used, but you can check the difference between commits and brunch like Git History.
A plug-in that is packed with functions related to Markdown.The following functions can be used by inserting this plugin.
As for the purpose I am in, I mainly use Linting and automatically generating the table of contents.Other functions use those plugins because other plugins are easier to use.
A plug -in that can be pasted into a Markdown file, etc. by pressing the image copied to the clipboard (Windows for Windows, Ctrl + Alt + V , and Command + Alt + V ).
Ctrl + Alt + V
Command + Alt + V
The pasted image is saved in the specified directory, and the path is described in the Markdown file.
By putting the following settings in the basic settings, I create a .Images/ directory in the same directory as the pasted file, and save the image in it.
.Images/
{ "pasteImage.basePath": "${currentFileDir}/.images", "pasteImage.path": "${currentFileDir}/.images", "pasteImage.insertPattern": "${imageSyntaxPrefix}.images/${imageFilePath}${imageSyntaxSuffix}" }
This is a plug -in for creating and shaping a table with Markdown.
I tried a variety of table shaping plugins, but I used this because it was properly shaped on a table including multi -byte characters in Japanese.(It may be compatible with fonts)
A plug -in for converting Markdown files to PDF, HTML, JPEG, PNG, etc.
Markdown all in One also has a PDF conversion function, but I use this because PDF etc. can be selected as a conversion destination of this plug -in.
This is Linter of Python.Use it to check the quality of the code when writing Python code.For example, you can check the following.
By putting the following settings in the basic settings, you can customize the rules to check with Flake8.
.vscode/Settings.json
{ "flake8.args": [ "--ignore=S311,S410,W503", "--max-line-length=170", "--max-complexity=20" ] }
This is a plug -in for formatting Python code.For example, you can format the following.
By putting the following settings in the basic settings, you can automatically format when saving Python files.
{ "[python]": { "editor.insertSpaces": true, "editor.detectIndentation": true, "editor.tabSize": 4, "editor.defaultFormatter": "ms-python.black-formatter", "editor.formatOnSave": true } }
CloudFormation can also be described in JSON, but it is often described in YAML, so we will introduce plugins for Linting and input complementing of YAML.
By inserting this plug -in, it will display a syntax error of YAML when you open the YAML file.
In addition, when editing a YAML file, it will complement indent and keys.
Since the pseudo function of CloudFormation is not included by default, a syntax error is displayed.By putting the following settings in the basic settings, you can prevent the syntax error displayed.
[ "yaml.customTags": [ "!And sequence", "!Base64 scalar", "!Cidr scalar", "!Condition scalar", "!Equals sequence", "!FindInMap sequence", "!GetAZs scalar", "!GetAtt scalar", "!GetAtt sequence", "!If sequence", "!ImportValue scalar", "!Join sequence", "!Not sequence", "!Or sequence", "!Ref scalar", "!Select sequence", "!Split sequence", "!Sub scalar", "!Sub sequence", "!Transform mapping", ] ]
[ { "name": "AWS CloudFormation", "description": "AWS CloudFormation provides a common language for you to describe and provision all the infrastructure resources in your cloud environment", "fileMatch": [ "*.cf.json", "*.cf.yml", "*.cf.yaml", "cloudformation.json", "cloudformation.yml", "cloudformation.yaml" ], "url": "https://raw.githubusercontent.com/awslabs/goformation/master/schema/cloudformation.schema.json" } ]
{ "yaml.schemas": { "https://d33vqc0rt9ld30.cloudfront.net/latest/gzip/CloudFormationResourceSpecification.json": [ "*.cf.yaml", "*.cf.yml", "cloud*formation/*.yaml", "cloud*formation/*.yml" ] } }
CloudFormation Linter.Unlike the YAML plug -in mentioned above, it displays a syntax error unique to CloudFormation.For example, you can check the following:
The rules that can be checked are cfn-lint/docs/rules.md at main · aws-cloudformation/cfn-lint .
By putting the following settings in the basic settings, you can ignore certain rules.
{ "cfnLint.ignoreRules": [ "W3011" ] }
CloudFormation Linter. Unlike CloudFormation Linter, you can check security.For example, you can check the following.
The rules that can be checked are described in cdk-nag/RULES.md at main · cdklabs/cdk-nag .
By putting the following settings in the basic settings, you can ignore certain rules.Since cfn-nag cannot describe the rules that are ignored directly to settings.json , create a YAML file with an appropriate name such as .cfn-nag-blacklist.yml and describe the rules to ignore it.You can ignore it.In this example, .cfn-nag-blacklist.yml is created in the .vscode directory, and the following settings are described.
settings.json
.cfn-nag-blacklist.yml
.vscode
{ "cfnNagLint.blacklistPath": ".vscode/.cfn-nag-blacklist.yml" }
--- RulesToSuppress: # S3 Bucket should have access logging configured - id: W35 reason: No access log settings are required # Resource found with an explicit name, this disallows updates that require replacement of this resource - id: W28 reason: The IAM roll name is set by fixed, not dynamic # CloudWatchLogs LogGroup should specify a KMS Key Id to encrypt the log data - id: W84 reason: Do not use the encryption of the customer management key
A plug-in that is packed with functions related to Terraform.The following functions can be used by inserting this plugin.
terraform fmt
terraform init
terraform plan
Terraform’s Linter. Used to check security when writing Terraform code.For example, you can check the following.
The rules that can be checked are enable-access-logging - tfsec .