安装使用
安装(更新)wepy命令行工具
npm install @wepy/cli -g #全局安装WePY CLI工具
生成开发示例
wepy init standard myproject #使用standard模板初始化项目
安装依赖
cd myproject #进入到项目目录
npm install #安装项目依赖包
开发实时编译
wepy build --watch
工具配置
使用微信开发者工具导入项目,本地开发选择项目根目录(项目名文件夹),会自动导入项目配置。
使用Ctrl+Shift+X打开VS插件扩展,搜索wepy安装插件
复制以下文件内容到VScode配置文件setting.json (VScode左下角点击设置再选择设置,搜索asssociations)
files.associations
{
"files.associations": {
"*.vue": "vue",
"*.wpy": "vue",
"*.wxml": "html",
"*.wxss": "css",
"*.cjson": "jsonc",
"*.wxs": "javascript"
},
"emmet.includeLanguages": {
"wxml": "html"
},
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"minapp-vscode.disableAutoConfig": true
}
VScode中导入weapp文件夹项目
参考链接:https://shimo.im/docs/qz6nA35sLMgUdt8U