1# developtools_ace_ets2bundle 2 3#### 介绍 4 5提供声明式范式的语法编译转换,语法验证,丰富友好的语法报错提示能力。 6 7#### 软件架构 8 9* compiler/src: 编译转换工具源码 10* test: 单元测试用例 11* .eslintrc: eslint配置规则 12* babel.config.js: babel配置信息 13* main.js: 编译转换工具源码 14* package.json: 安装依赖软件版本信息 15* tsconfig.json: 编译工程配置信息 16* webpack.config.js: 打包工具脚本配置信息 17 18#### 环境准备 19 20``` 21> npm -v 22 6.14.8 23> node -v 24 v12.18.3 25``` 26请安装最新稳定的node版本。 27 28#### 安装 29 30进入到compiler目录 31``` 32npm config set registry http://registry.npm.taobao.org 33npm config set strict-ssl false 34npm cache clean -f 35npm install 36``` 37 38#### 快速开始 39 40进入到compiler目录 41``` 42npm run build 43npm run compile 44``` 45上述命令编译了compiler目录下的`sample`工程,编译结果在`sample\build`目录。 46 47#### 创建一个新工程 48 49进入到compiler目录 50``` 51npm run create [projectName] 52``` 53 54**Note**: 如果`projectName`未指定,`HelloAce`为默认的工程名。 55例如创建一个`foo`工程: 56``` 57$ npm run create foo 58``` 59工程`foo`的目录结构: 60- foo 61 - pages 62 - index.ets 63 - app.ets 64 - manifest.json 65 66#### 创建一个新的页面 67 68例如在`pages`目录创建一个`bar.ets`页面,需要在manifest.json文件的`pages`新增一行,如下所示: 69``` 70 "pages": [ 71 "pages/index", 72 "pages/bar" 73 ] 74``` 75 76#### 编译工程 77 78进入到compiler目录 79``` 80$ npm run build 81$ npm run compile [projectName] 82``` 83**Note**: 如果`projectName`未指定,默认编译`sample`工程,编译结果在`sample\build`目录。 84