wepy入门

最新推荐文章于 2020-04-09 13:06:13 发布

置顶一Ⅱ彡

最新推荐文章于 2020-04-09 13:06:13 发布

阅读量172

点赞数

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_36972185/article/details/98359116

版权

微信小程序专栏收录该内容

4 篇文章

订阅专栏

安装使用
安装（更新）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