Comment vscode prend-il en charge la vue
Nécessite des plug-ins : ESLint, Prettier - Code formateur, Vetur
Ouvrez le fichier des paramètres utilisateur :
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用带引号替代双引号
"prettier.singleQuote": true,
// #每次保存的时候将代码按eslint格式进行修复
"eslint.autoFixOnSave": true,
// 添加 vue 支持
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.less": "prettier",
"vetur.completion.autoImport": true,
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
}
},Enregistrez le code et formatez automatiquement selon Eslint.
Débogage du point d'arrêt (Le débogueur pour Chrome doit être installé)
1 Affichez le code source dans le navigateur Si vous utilisez Vue CLI 2, veuillez définir et. mettre à jour la configuration L'attribut devtool dans /index.js :
devtool: 'source-map',
Si vous utilisez Vue CLI 3, veuillez définir et mettre à jour l'attribut devtool dans vue.config.js :
module.exports = {
configureWebpack: {
devtool: 'source-map'
}
}2, cliquez sur l'icône du débogueur dans la barre d'activité de vscode pour accéder à la vue Débogage, puis cliquez sur l'icône d'engrenage pour configurer un fichier launch.json et sélectionnez Chrome/Firefox : environnement de lancement. Remplacez ensuite le contenu du launch.json généré par la configuration correspondante :
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "vuejs: chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}/src",
"breakOnLoad": true,
"sourceMapPathOverrides": {
"webpack:///src/*": "${webRoot}/*"
}
},
{
"type": "firefox",
"request": "launch",
"name": "vuejs: firefox",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}/src",
"pathMappings": [{ "url": "webpack:///src/", "path": "${webRoot}/" }]
}
]
}Tutoriel recommandé : tutoriel vscode
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Apr 16, 2025 am 07:15 AM
如何使用 VScode 连接 SVN ？安装 Subversion 和 VScode 插件。 Configurez les paramètres VScode, spécifiez le chemin de fichier exécutable de Subversion et la méthode d'authentification. Cliquez avec le bouton droit sur le dossier du projet dans VScode Explorer et sélectionnez "SVN & GT; COSE ...". Entrez l'URL du référentiel et entrez les informations d'identification selon les besoins. Cliquez sur Découvrez pour consulter le projet du référentiel vers l'ordinateur.
Construction de l'environnement Laravel et configuration de base (Windows / Mac / Linux)
Apr 30, 2025 pm 02:27 PM
Les étapes pour créer un environnement Laravel sur différents systèmes d'exploitation sont les suivantes: 1.Windows: Utilisez XAMPP pour installer PHP et compositeur, configurer les variables environnementales et installer Laravel. 2.MAC: Utilisez Homebrew pour installer PHP et Composer et installer Laravel. 3.Linux: utilisez Ubuntu pour mettre à jour le système, installer PHP et compositeur et installer Laravel. Les commandes et chemins spécifiques de chaque système sont différents, mais les étapes de base sont cohérentes pour assurer la construction fluide de l'environnement de développement de Laravel.
Comment créer un projet Web avec VScode
Apr 16, 2025 am 06:06 AM
La création d'un projet Web dans le code vs nécessite: Installer les extensions requises: HTML, CSS, JavaScript et Live Server. Créez un nouveau dossier et enregistrez le fichier de projet. Créez des fichiers index.html, style.css et script.js. Configurer un serveur en direct. Entrez le code HTML, CSS et JavaScript. Exécutez le projet et ouvrez-le dans votre navigateur.
Comment changer le mode chinois avec VScode
Apr 15, 2025 pm 11:39 PM
VS Code pour changer le mode chinois: ouvrez l'interface des paramètres (Windows / Linux: Ctrl, macOS: CMD,) Recherchez des paramètres "Editor: Language" Sélectionnez "Chine
Utilisez VScode pour effectuer le fonctionnement de la version de la version du code
May 15, 2025 pm 09:42 PM
Dans VSCODE, vous pouvez utiliser Git for Code Version Fallback. 1. Utilisez Gitreet - Hardhead ~ 1 pour retomber à la version précédente. 2. Utilisez Gireset - dur pour retomber à un engagement spécifique. 3. Utilisez Gitrevert pour retomber en toute sécurité sans changer l'historique.
Configuration de l'environnement pour l'exécution du code rubis dans vScode
May 15, 2025 pm 09:30 PM
La configuration de l'environnement de développement Ruby dans VScode nécessite les étapes suivantes: 1. Installez Ruby: Téléchargez et installez à partir du site officiel ou en utilisant RubyInstaller. 2. Installez le plug-in: Installez le codenner et les plug-ins Ruby dans VScode. 3. Configurer l'environnement de débogage: installez le plug-in DebuggerForrup et créez un fichier lancé.json dans le dossier .vscode pour la configuration. De cette façon, vous pouvez écrire, exécuter et déboguer efficacement le code Ruby dans VScode.
Comment installer manuellement les packages de plugin dans VSCODE
May 15, 2025 pm 09:33 PM
Les étapes pour installer manuellement le package de plug-in dans vScode sont: 1. Téléchargez le fichier .vsix du plug-in; 2. Ouvrez VScode et appuyez sur Ctrl Shift P (Windows / Linux) ou CMD Shift P (Mac) pour appeler le panneau de commande; 3. Entrez et sélectionnez Extensions: InstallerFromVSIX ..., puis sélectionnez le fichier .vsix et installez-vous. L'installation manuelle des plug-ins fournit un moyen flexible d'installer, en particulier lorsque le réseau est restreint ou que le marché du plug-in n'est pas disponible, mais que l'attention doit être accordée à la sécurité des fichiers et aux dépendances possibles.
Configurer VScode et GitHub pour la synchronisation du code
May 20, 2025 pm 06:33 PM
La configuration de VScode pour synchroniser le code avec GitHub peut améliorer l'efficacité du développement et la collaboration d'équipe. Installez d'abord les plugins "GitHubPullRestsSandissues" et "Gitlens"; Deuxièmement, configurez le compte GitHub; puis cloner ou créer un référentiel; Enfin, soumettez et poussez le code vers GitHub.
