Nwx-cli NPM | npm.io

nwx-cli

nwx-cli 是一款能提供给你极致开发体验的微信小程序 CLI 工具！！！

啪（pa）一下，一键生成本地开发环境！

环境

node >= v10.13.0
git
webpack 4.0以上

功能

支持npm包
可以任意使用es6/7新特性
支持sass、less等
对wxml、wxss、js压缩
编译速度优化
npm lint自动流（基于git hooks）
自动指定项目路径，并开启小程序调试工具
获取预览二维码
上传代码
通过nwx create命令自动创建page、component模板
可按需引入官方weui基础组件库

开始

新建一个项目根目录
nwx init

全局安装（推荐）：

npm i -g nwx-cli

初始化项目：先新建一个项目根目录，然后在项目根目录中运行如下命令

nwx init

运行：

npm run start

到这里，本地开发环境就启动成功了，并且还会自动帮你打开微信小程序调试工具哟。

项目目录结构

|---------dist                            编译出来的小程序代码根目录
|---------src                             项目开发文件
  |-----------pages                       页面开发文件
    |--------index                        首页
      |------index.js                     首页js
      |------index.json                   首页json
      |------index.scss                   首页scss
      |------index.xml                    首页xml
  |-----------utils                       项目公用方法或工具类方法
  |-----------app.js                      小程序主js文件
  |-----------app.json                    小程序主json配置文件
  |-----------app.scss                    小程序主scss样式文件
  |-----------project.config.json         项目配置文件
  |-----------sitemap.json                sitemap 配置
|---------gulpfile.js                     项目压缩的脚本配置文件
|---------config.js                       nwx-cli工具配置
|---------package.json                    npm初始文件
|---------README.md                       项目说明文件
|---------webpack.config.js               项目编译打包配置文件
|---------.eslintrc                       js代码规范检测配置文件
|---------.gitignore                      上传git时，指定忽略上传文件的配置文件