uniapp-1.用vscode创建uniapp项目

背景：因为不知道项目最终是H5还是小程序，所以选择用uniapp进行开发，还有提要求说不想项目需要HBuilderX编辑器才能开发，所以选择了通过cli脚手架来创建uni-app项目

具体可以参考 uni-app官网有非常详细的命令行

由于公司网络不好，所以我是在官网提供的gitee下载模板的。

用的是这个uni-preset-vue，下载之后是一个压缩包，用vscode打开，执行npm install 命令下载相关依赖

运行命令怎么写可以看package.json 用什么命令视乎你开发的是什么，我是在浏览器看效果的，所以执行的是npm run dev:h5

运行成功在浏览器访问对应的地址即可

如果希望运行命令行就自动打开浏览器，可以在vite.config.ts文件中配置open：true

例如：

export default defineConfig({
  plugins: [uni()],
  server: {
    host:'localhost',
    open: true, // 浏览器自动打开
    port: 3000,  //修改启动的端口号
    proxy: {
      '/api': {//请求接口中要替换的标识
              target:'http://baidu.com',//代理地址
              pathRewrite: {
                "/api" : ""  // 后台在转接的时候url中是没有 /api 的
              }
      }
    }
  }
});