[TOC] ## 快速創建新頁面[?](https://docs.taro.zone/docs/cli#%E5%BF%AB%E9%80%9F%E5%88%9B%E5%BB%BA%E6%96%B0%E9%A1%B5%E9%9D%A2 "快速創建新頁面的直接鏈接") 假設當前當前跟路徑為`/project/root`。 執行下面命令創建主包頁面： ``` taro create newPage --dir pages/mydir ``` 那么會在`/project/root/src/pages/mydir`目錄下生成新的頁面，并且在`app.config.js`中自動補齊`pages`字段。 執行下面命令創建分包頁面： ``` taro create newPage --subpkg mysubpages ``` 那么會在`/project/root/src/mysubpages`目錄下生成新的頁面，并且在`app.config.js`中自動補齊`subPackages`字段。 ## 配置環境 開發模式 ``` taro build --type weapp --watch ``` 生成模式 ``` taro build --type weapp ``` 添加 `.env` ``` .env.development # 在 development 模式時被載入 .env.production # 在 production 模式時被載入 ``` 創建變量 ``` TARO_APP_API="https://api.tarojs.com" ``` 可在所有 taro 插件、 config/index.ts配置文件 以及 src 目錄下面的項目文件中使用, 例如： ``` // src/service/request.ts const request = axios.create({ baseURL: process.env.TARO_APP_API }; export default request ``` ### 格式變量小程序 TARO_APP_ID TARO_APP_ID 是專門針對小程序的 appid 設計的，在構建輸出 dist/project.config.json 文件前， 會將 dist/project.config.json 文件中的 appid 字段，修改為 TARO_APP_ID 的值 ## 設計稿及尺寸單位 - 在 Taro 中尺寸單位建議使用 px、 百分比 % - Taro 默認會對所有單位進行轉換。在 Taro 中書寫尺寸按照 1:1 的關系來進行書寫，即從設計稿上量的長度 100px，那么尺寸書寫就是 100px，當轉成微信小程序的時候，尺寸將默認轉換為 100rpx，當轉成 H5 時將默認轉換為以 rem 為單位的值 - Taro 默認以 750px 作為換算尺寸標準，如果設計稿不是以 750px 為標準，則需要在項目配置 config/index.js 中進行設置，例如設計稿尺寸是 640px，則需要修改項目配置 config/index.js 中的 designWidth 配置為 640 ``` const config = { projectName: 'myProject', date: '2018-4-18', designWidth: 640, .... } ``` ## 多端開發 ``` /** 源碼（React JSX） */ <View> {process.env.TARO_ENV === 'weapp' && <ScrollViewWeapp />} {process.env.TARO_ENV === 'h5' && <ScrollViewH5 />} </View> /** 編譯后（微信小程序）*/ <View> {true && <ScrollViewWeapp />} </View> /** 編譯后（H5）*/ <View> {true && <ScrollViewH5 />} </View> ```