前端打包环境构建

前端打包环境搭建

1、安装nvm

git地址：https://github.com/nvm-sh/nvm

$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

# 安装前新建~/.bash_profile
vi ~/.bash_profile
安装后运行：
source ~/.bash_profile

2、安装node

# 查看本地node版本
nvm ls
# 查看远程node版本
nvm ls-remote
# 安装
nvm install v10.16.1
# 设置系统默认版本
nvm alias default v10.16.1
# 多个版本间进行切换
nvm use v10.16.1

3、安装vue

npm install vue

4、安装elementui

npm install element-ui -s

5、项目安装

# install
npm install
# 运行
npm run dev
# 打包
npm run build

6、nvm、nodejs、npm的关系：

(1)nvm管理构建nodejs和对应的npm,npm管理对应nodejs的第三方插件
(2)一个reactNative项目只包含一个nodejs和npm,npm和nodejs是配套关系，一对一的关系。

nvm.png