@modyqyw/css-styles NPM

css-styles

我在不同项目中使用的 css 样式集合，包括 react-native，小程序（taro / uni-app）和网页（react / vue）

English | 简体中文

起步

这些说明将让你得到能在本地启动、运行的项目副本以进行开发和测试。

准备

推荐使用 nvm，长期支持版 lts node，长期支持版 npm 和 yarn。
- 参照以下链接，首先安装 nvm
  - nvm for Mac/Linux
  - nvm-windows
  - 使用 Homebrew 在 Mac 安装 nvm 是不推荐的
- 接着在终端/命令行安装长期支持版 node
```
# for now, lts version is 10.16.3
# last updated：2019.09.17
nvm install 10.16.3
```
- 全局升级 npm 到长期支持版，安装 yarn
```
npm i -g npm@lts
npm i -g yarn
```
- 如果你是国人，或许你应该设置镜像
Git 也是需要的
- git for Windows/Linux
- 使用 Homebrew 在 Mac 安装 git 是推荐的

安装

yarn add @modyqyw/css-styles
# or
npm i @modyqyw/css-styles

使用

taro / uni-app

使用绝对引入来引入miniprogram/global.scss作为全局样式。

// projectName/src/app.tsx
// projectName/src/app.js
// projectName/src/main.ts
// projectName/src/main.js
import '@modyqyw/css-styles/miniprogram/global.scss'

使用相对引入来引入miniprogram/vars.scss来使用预设颜色。

// projectName/src/vars.scss
@import "../node_modules/@modyqyw/css-styles/miniprogram/vars.scss";

react / vue

引入web/global.scss作为全局样式。

import '@modyqyw/css-styles/web/global.scss'

引入web/vars.scss来使用预设颜色。

@import "~@modyqyw/css-styles/web/vars.scss";

react native

引入react-native/global来使用预设颜色，排版和布局。

import { colors, typography, layouts } from '@modyqyw/css-styles/react-native/global'
// or
// import gStyles from '@modyqyw/css-styles/react-native/global'