第一步：新建项目
参考uni-app官网提供了HBuilderX可视化创建和vue cli命令两种方式创建项目，由于HBuilder和它都是DCloud公司的产品，使用它创建项目可以很方便的下载插件什么的。
新建项目很简单：
https://uniapp.dcloud.net.cn/quickstart-hx.html
下载HBuilderX，然后参照这个文档点两下选择你需要的模版，就能建好一个项目啦！
接下来是运行，
运行在内置浏览器是直接按照文档点击运行即可，但是会占用编辑器的空间。
如果要打开浏览器或者微信小程序运行需要进行配置。
第二：配置运行浏览器文章来源：https://www.toymoban.com/news/detail-774520.html
- HBuilder -> 运行 -> 运行到浏览器 -> 配置web服务器
- 将浏览器的安装路径位置复制到对应的运行配置中，我使用的chrome
3.编辑器里运行到配置的浏览器（chrome）
运行时会提示安装编译插件，点击下载就好了。
这样便能在浏览器中打开看到页面了！
第三：微信开发者工具中运行
1.第一步当然要先下载微信开发者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2.和浏览器运行一样需要在‘配置web服务器‘中 配置小程序的路径
3. 微信开发者工具需要开启服务端口 在微信工具的设置
设置->安全设置
把服务端口的开关打开
4.编辑器里点击微信开发者工具运行，等待一会会儿编译完后，微信开发者工具就会自动打开显示出页面
ok!文章来源地址https://www.toymoban.com/news/detail-774520.html
到了这里，关于uniapp新建项目后，如何在浏览器和微信小程序运行的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
