(VSCode Configuration)
Cấu hình Workspace
cho Rb3m
project, để làm việc với Visual Studio Code.
3. Tùy chỉnh cho các file cấu hình của project ở thư mục gốc
.vscode/settings.json
*.code-workspace
(ví dụ: ddRMarkdown.code-workspace
).prettierrc
.prettierignore
.eslintrc
Extensions
slidebar (thanh cuộn bên trái) của VSCode, gõ ESLint
(của Dark Baeuner).F1
rồi run
dòng lệnh sau:markdown
ext install dbaeumer.vscode-eslint
Extensions
slidebar của VSCode, gõ Prettier - Code formatter
(của Esben Petersen).F1
rồi run
dòng lệnh sau:markdown
ext install esbenp.prettier-vscode
Do chúng ta cần npm để cài đặt eslint-plugin-prettier, nhằm xử lí xung đột giữa ESLint và Prettier.
global
ly: https://docs.npmjs.com/downloading-and-installing-packages-globallylocal
ly: https://docs.npmjs.com/downloading-and-installing-packages-locallylocal
cho từng project (thay vì global
)[ ] Trong Windows (nếu project ở ổ C:\
, thường cần đến quyền Administrator
)
[ ] Run Command Prompt
Start Menu/Windows System/Command Prompt
.Windows
+ R
, rồi gõ cmd
.[x] Hoặc chạy PowerShell
(nên dùng thay Command Prompt)
Start Menu/Windows PowerShell/PowerShell
Windows
+ R
, rồi gõ PowerShell
Chuyển về thư mục gốc
PowerShell
cd\
Chuyển đến thư mục project
PowerShell
cd "project_folder"
PowerShell
cd "F:\R\Projects\Rb3m"
PowerShell
cd "F:/R/Projects/Rb3m"
Cài Prettier
package
PowerShell
npm install prettier --save-dev --save-exact
Cài ESLint
, eslint-config-prettier
, và eslint-plugin-prettier
package
PowerShell
npm install eslint eslint-config-prettier eslint-plugin-prettier --save-dev
[x] Hoặc
[ ] RStudio/Terminal
VSCode/Terminal
Lần lượt copy, rồi chạy các dòng lệnh sau
PowerShell
npm install prettier --save-dev --save-exact
npm install eslint eslint-config-prettier eslint-plugin-prettier --save-dev
Hoặc chạy như run script
trong RStudio
với phím tắt Ctrl
+ Shift
+ Enter
.
Package store:
Các file sau đây sẽ được đặt ở mỗi thư mục, nếu cần cấu hình riêng.
.vscode/settings.json
thư mục
của project.javascript
{
"editor.formatOnPaste": false,
"editor.formatOnSave": false
}
*.code-workspace
(ví dụ: Rb3m.code-workspace
)Workspace
của project.javascript
{
"folders": [
{
// Rb3m
"name": "Rb3m",
"path": "."
},
{
// R
"name": "R",
"path": "./R"
}
],
"settings": {
/**
** VSCode setting
* ref: https://code.visualstudio.com/docs/getstarted/settings
*/
"files.associations": {
".eslintrc": "jsonc"
},
"[markdown]": {
"editor.fontFamily": "Consolas, 'Courier New', monospace",
//"editor.wordWrap": "on"
},
/**
* ref: https://github.com/tonsky/FiraCode
*/
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.rulers": [100, 150, 180],
"editor.tabCompletion": "on",
"window.title": "${dirty}${activeEditorShort}${separator}${rootName}${separator}${rootPath}${separator}${appName}"
}
}
.prettierrc
javascript
{
"semi": false,
"overrides": [
{
"files": ["*.prettierrc"],
"options": {
"printWidth": 150,
"tabWidth": 2
}
}
]
}
.prettierignore
formater
ở project folder
.text
_template/pandoc_template_default.html;
.eslintrc
javascript
{
"env": {
"es6": true
},
"extends": ["eslint:recommended", "prettier"]
}
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.