如何搭建wxa微信小程序框架并启动项目

1、在电脑硬盘指定文件夹下,打开git命令窗口

打开git命令窗口

2、在命令行,输入命令:

npmi-g

wxa/cli2安装wxacli脚手架

npmi-g

wxa/cli2

3、使用wxa2命令初始化和创建项目,wxa2create

wxa2命令初始化和创建项目

4、使用wxa2build--watch构建项目

使用wxa2build--watch构建项目

5、打开HBuilderX工具,导入awam项目

打开HBuilderX工具,导入awam项目

6、打开项目中的app.wxa文件,查看文件配置

查看文件配置

7、使用HBuilderX内置命令运行,结果提示找不到模块

运行项目,查找错误原因

8、检查代码发现,是由于项目依赖包没有安装;切换项目路径,使用npminstall进行安装

切换项目路径,使用npminstall进行安

9、安装完毕,使用npmrundev命令启动项目

使用npmrundev命令启动项目

10、检查发现启动项目提示编译失败,按照提示执行npmupdate命令

执行npmupdate命令

11、执行了更新命令,再次启动项目,运行成功

启动项目

12、在项目中,可以看到生成dist文件夹,跟


转载请注明:http://www.nylrzx365.com/jbjj/jbjj/15609.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了