逍遥阁

yarn笔记

关键词: yarn

yarn笔记

### 官网

https://www.yarnpkg.com/zh-Hans/

yarn相当于npm

### mac下安装

```
brew install yarn
brew upgrade yarn(升级)
yarn --version(查看版本)
```

### create命令

```
yarn create react-app test
```

上面的命令做了2件事情

1.全局安装`react-app`或更新包到最新版本

2.执行新手工具包`package.json`中`bin`字段指向的程序，并向他转发所有的参数

上面的命令等同于

```
yarn global add create-react-app
create-react-app test
```

### add命令

```
yarn add antd(在项目目录下安装)
yarn global add create-react-app(全局安装)
```

### start命令

```
yarn start(在项目目录执行，开发环境用)
```

### build命令

```
yarn build(在项目目录执行，用于生产环境的打包)
```

### 安装一个http服务的包

```
yarn global add serve
serve -s build
```

其中`-s`是指定网站根目录

执行上面的命令后会给到访问地址`http://localhost:5000`

### antd学习

```
yarn create react-app test
cd test
yarn add antd(之后编辑下src/App.js和src/App.css)
yarn start
```

src/App.js文件内容如下

```
import React, { Component } from 'react';
import Button from 'antd/es/button';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Button type="primary">Button</Button>
      </div>
    );
  }
}

export default App;
```

src/App.css文件内容如下

```
@import '~antd/dist/antd.css';

.App {
  text-align: center;
}
```

admin
2019-11-11 23:37:54
javascript

文章分类

文章标签

文章归档

友情链接

yarn笔记