uniapp框架用什么编辑器

1. uniapp框架介绍

Uni-app（全称universal application）是一个基于 Vue.js 的全端开发框架，利用 Vue 的开发体验和平台优势，在保持高度一致性的同时，将代码编译到不同的平台。

设计 uni-app 一方面是为了“写全端代码”，做到跨平台开发，另一方面是为了让开发者能够使用熟悉的前端技能。uni-app 的出现让开发者不再需要专门学习每个平台的开发技术，只需要掌握一种即可。

// 一个小例子，uniapp 支持了 Web、微信小程序、支付宝小程序、腾讯小程序、百度小程序、头条小程序、钉钉小程序等众多平台
<template>
  <div>
    <mpvue>
      <template>
        <div>在 MPvue 中运行</div>
      </template>
    </mpvue>
    <uni-platform>
      <template>
        <div>在贵客、支付宝、淘宝、写点等中运行</div>
      </template>
    </uni-platform>
  </div>
</template>

2. uniapp框架用什么编辑器

下面是uni-app开发中涉及到的几个主流代码编辑器，随着IDE的不断更新，可能会有所变化。

2.1 Visual Studio Code（VS Code）

VS Code是一个轻量级的编辑器，对于大多数前端和后端语言都有优秀的插件支持，能够帮助程序员高效开发。uni-app针对VS Code也提供了一些插件，例如uni-app Snippet、uni-app Vue片段、uni-app语法高亮这些插件，让开发体验更加舒适。

// 安装 uni-app Snippet VS Code插件 进入IDE命令行
ext install vue-vscode-extension-pack
// 安装uniapp核心API片段
extensions: 
uni-app Snippet

2.2 HBuilderX

HBuilderX是DCloud提供的一款轻量级开发工具，专为Vue、uni-app、HTML5、小程序开发而设计，本身自带了大量常用组件库，并集成了各大平台的融合打包。使用HBuilderX可以快速搭建项目，其还具有文件模板、组件生成器、代码片段、API引导、可以极大地缩短开发周期。

与VS Code不同，HBuilderX自己集成了很多功能和工具，uni-app开发必备插件在HBuilderX中就已经默认安装安装好了。

// HBuilderX插件中心 uni-app，可以更新和安装一些常见的插件
HBuilderX菜单栏：插件中心 -> uni-app

2.3 WebStorm

WebStorm是一款付费的IDE，是JetBrains公司出品的一款JavaScript开发工具。支持的功能非常强大，使用WebStorm开发uni-app也可以提供一些很好的模板和基础设置，可以极大的提高开发速度。

因为WebStorm的价格较高，通常只有大型的团队才会使用，所以绝大部分开发者会选择VS Code或是HBuilderX。

3. 结论

对于uni-app的开发，开发者可以根据自己的习惯和团队的需求来选择适合自己的IDE。每个IDE的自带的模板、片段、调试工具也不尽相同，开发者可以根据自身的需要加以选择。