# front-end-engineering

**Repository Path**: zhangbaocheng/front-end-engineering

## Basic Information

- **Project Name**: front-end-engineering
- **Description**: 前端工程化项目，自己学习demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-06-03
- **Last Updated**: 2026-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 前端工程化
demo001-es06 到 demo009-ant-design-vue
【尚硅谷2024前端工程化教程，4小时变身Java全栈工程师】
https://www.bilibili.com/video/BV14t421M7CL




## Java程序员学前端
【Java程序员用学前端么？java开发所需的前端技术全教程（HTML/CSS/js/vue2/vue3/react）】

https://www.bilibili.com/video/BV1Tt4y1772f



### 安装node版本管理器nvm
下载地址：https://github.com/coreybutler/nvm-windows/releases

nvm即node version manager，好处是方便切换node.js版本。
安装注意事项
1. 要卸载掉现有的nodejs
2. 提示选择nvm和nodejs目录时，一定要避免目录中出现空格。
3. 选用【以管理员身份运行】cmd程序来执行nvm命令
4. 首次运行前设置好国内镜像地址
```shell
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
```
首先查看有哪些可用版本
```shell
nvm list available
```

安装以及切换版本
```shell
#  安装
nvm install 16.16.0
nvm install 18.16.0

# 切换
nvm use 16.16.0
 
# 查看当前已经安装了哪些版本？
nvm list
```
查看当前使用的版本

检查npm
```shell
npm get registry
npm config set registry https://registry.npm.taobao.org/
```

### 后面的操作见黑马教程文档
npm仓库：https://www.npmjs.com/







## 前端常用组件库
web端
1. Ant Design Vue
2. Element-plus
h5移动端
1. Vant
资源 | 10套好用的前端框架、设计组件库推荐
https://zhuanlan.zhihu.com/p/33865189