前端常用的框架一览...

189 阅读1分钟

一. 前端框架整理

1. Vue2官网 <进入官网>

一渐进式的JavaScript框架,从小到大的开发模式,采用选项式API,简单易学,对新手比较友好.

图片.png

(1). 一个创建vue项目的脚手架工具(@vue/cli) <进入官网>
# 先全局安装一下脚手架工具
npm install -g @vue/cli

# 使用脚手架工具创建vue项目 | (project_name: 创建的项目名称<自定义名称>)
vue create project_name

# 然后选择对应的vue版本,进行下载
> Default ([Vue 3] babel , eslint) # vue3版本
> Default ([Vue 2] babel , eslint) # vue2版本
> Manually select features         # 手动选择功能,自定义选择下载(按需下载)
(2). 启动vue项目
# 切换到当前项目文件的终端
cd project_name

# 启动项目(对项目进行编译)
npm run serve

2. vue3官网 <进入官网>

易学易用,性能出色,适合场景丰富的Web前端框架,采用组合式API,对模块化有一定的要求.

图片.png

3. vant2官网 <进入官网>

轻量级,可靠的移动端Vue组件UI库(适用于vue2版本)

图片.png

4. vant3官网 <进入官网>

轻量级,可靠的移动端Vue组件UI库(适用于vue3版本)

图片.png

5. element-ui <进入官网>

一个优秀的前端桌面框架(适用于vue2版本)

图片.png

6. element-plus <进入官网>

一个优秀的前端桌面框架(适用于vue3)

图片.png