mirror of https://github.com/alibaba/ice.git
66 lines
1.7 KiB
Markdown
66 lines
1.7 KiB
Markdown
|
---
|
|||
|
|
title: 开发环境
|
|||
|
|
order: 1
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## Node.js
|
|||
|
|
|
|||
|
|
开发前端应用前需要安装 [Node.js](https://nodejs.org)，并确保 node 版本是 14.x 或以上。推荐使用 [nvm](https://github.com/nvm-sh/nvm) 或者 [fnm](https://github.com/Schniz/fnm) 来管理 node 版本，进行安装。下面以在 mac 下安装 nvm 为例：
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
|
|||
|
|
# 安装 node 14 版本
|
|||
|
|
$ nvm install 14
|
|||
|
|
# 使用 node 14
|
|||
|
|
$ nvm use 14
|
|||
|
|
# 验证 node 是否安装成功
|
|||
|
|
$ node -v
|
|||
|
|
v14.19.3
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
在国内使用 npm 安装依赖可能会比较慢。建议使用国内镜像源进行加速：
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
|
|||
|
|
# 验证 cnpm 安装是否成功
|
|||
|
|
$ cnpm -v
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 包管理工具
|
|||
|
|
|
|||
|
|
安装 Node.js 后，默认会包含 npm。除此以外，还有其他的包管理工具：
|
|||
|
|
|
|||
|
|
- [pnpm](https://pnpm.io/)（推荐）
|
|||
|
|
- [cnpm](https://www.npmjs.com/package/cnpm)（推荐）
|
|||
|
|
- [yarn](https://yarnpkg.com/)
|
|||
|
|
|
|||
|
|
安装 pnpm 示例如下：
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
$ npm i pnpm -g --register=https://registry.npmmirror.com/
|
|||
|
|
# 验证 pnpm 安装是否成功
|
|||
|
|
$ pnpm -v
|
|||
|
|
7.1.7
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
如果经常需要切换 npm 镜像源，推荐使用 [nrm](https://github.com/Pana/nrm) 进行管理：
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
$ npm install -g nrm
|
|||
|
|
# 验证 nrm 是否安装成功
|
|||
|
|
$ nrm --version
|
|||
|
|
# 查看所有镜像源
|
|||
|
|
$ nrm ls
|
|||
|
|
# 推荐使用淘宝镜像源
|
|||
|
|
nrm use taobao
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### IDE
|
|||
|
|
|
|||
|
|
推荐使用 IDE 进行前端应用开发和调试，会有更好的调试体验。目前比较流行的 IDE 有：
|
|||
|
|
|
|||
|
|
- [Visual Studio Code](https://code.visualstudio.com/)（推荐）
|
|||
|
|
- [WebStorm](https://www.jetbrains.com/webstorm/)（推荐）
|
|||
|
|
- [Sublime Text](https://www.sublimetext.com/)
|
|||
|
|
- [Atom](https://atom.io/)
|