Maison >outils de développement >VSCode >vscode peut-il utiliser uni-app ?
vscode peut utiliser uni-app, la méthode spécifique : 1. Installez le plug-in d'invite de syntaxe vue vetur ; 2. Exécutez la commande "npm i @dcloudio/uni-helper-json" pour installer l'invite de syntaxe du composant 3 ; . Téléchargez et importez HBuilderX Le code uni-app suffit.
L'environnement d'exploitation de ce tutoriel : système Windows 7, Visual Studio Code version 1.45.1.0, ordinateur DELL G3.
uni-app est un framework qui utilise la syntaxe vue pour développer de petits programmes, des applications et H5. L'outil de développement officiellement recommandé est HBuilderX, qui offre une bonne expérience de développement.
Cependant, comme HBuilderX n'a pas de version Linux et que de nombreux frontaux ont déjà été habitués au vscode, ils ne veulent pas changer d'éditeur. En utilisant directement vscode pour développer uni-app, l'expérience n'est pas très bonne.
En fait, uni-app et vscode peuvent aussi bien aller ensemble. Ensuite, je vais vous montrer la posture d'ouverture correcte d'uni-app dans vscode.
npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project
À ce stade, vous serez invité à sélectionner un modèle de projet, pour une première expérience, il est recommandé de choisir le modèle de projet hello uni-app
, comme indiqué ci-dessous : hello uni-app
项目模板,如下所示:
安装vue语法提示插件vetur
CLI 工程默认带了uni-app语法提示和5+App语法提示
安装组件语法提示
组件语法提示是uni-app的亮点,其他框架很少能提供。
npm i @dcloudio/uni-helper-json
从 github 下载 uni-app 代码块,放到项目目录下的 .vscode 目录即可拥有和 HBuilderX 一样的代码块。
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM%
Le projet CLI est livré avec Invites de syntaxe Uni-App et invites de syntaxe 5+App par défaut | |
Installer des conseils sur la syntaxe des composants | |
Téléchargez le bloc de code uni-app depuis github et mettez il dans le répertoire .vscode du répertoire du projet peut avoir les mêmes blocs de code que HBuilderX. | |
Publier le projet | rrreee
%PLATFORM% Les valeurs possibles sont les suivantes : |
HBuilderX 创建的工程默认不带 types 语法提示,在 vscode 中编辑的时候,可以自行安装
npm init -y
npm i @types/uni-app @types/html5plus -D
另外,uni-app 项目下的 manifest.json、pages.json 等文件可以包含注释。vscode 里需要改用 jsonc 编辑器打开。
关于uni-app插件市场的插件,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!