准备好 Taro 项目以后,可以启动一下项目的开发服务,先打开项目里的 package.json 观察一下,在这个文件的 scripts 里面,自定义了一些命令,比如这里有一些 build 开头的命令,使用这些命令可以编译适合在生产环境上运行的应用。比如这个 build:weapp 命令,可以生成适合在微信平台上运行的小程序。
除了这些带 build 前缀的命令,还有一些是带 dev 前缀的命令,平时在开发应用的时候,可以运行这些命令,比如我们要开发微信小程序,可以执行一下这个 dev:weapp。在终端可以测试一下。
在项目所在目录的下面,执行一下 npm run build:weapp, taro 默认会把编译好的应用放在项目的 dist 这个目录的下面,你可以把这个目录里的东西上传到微信平台。
平时开发的时候可以执行开发命令,比如我们要开发 H5 的应用,可以运行一下 npm run dev:h5 ,dev 命令跟 build 命令不太一样,dev 命令会一直在这运行,监视项目文件的变化,发生变化它会立即重新编译应用。
运行成功以后,会在浏览器打开我们这个项目,在项目里面,打开 index.vue 这个组件,修改一下这个 Hello world ,改成 您好,保存一下。
因为开发命令会监视项目文件的变化,所以你会发现,在浏览器上可以立即显示变化之后的项目。