1.Vue介绍以及环境配置

Vue介绍

随着互联网技术的不断发展，前端开发的也在不断的更新变化，从14年左右jQuery、bootstrap等框架，发展为Vue、React、Angular为主流的框架。

Vue是轻量级的框架，通过双向数据的绑定来驱动界面，可以快速通过异步批处理的方式更新DOM，并且允许多种模块的安装。

VUE环境配置

安装Node.js

（安装链接）

NPM

（已安装Node.js会内置安装NPM）

Webpack

Webpack 是一个模块打包器，主要目的是在浏览器上打包 JavaScript 文件。分析项目的组成结构，将一些浏览器不能执行的扩展的语言如(sass、typescript)转换成浏览器可以识别的语言去执行。
image.png
安装Wepack命令：

npm install webpack -g

Vue安装

安装Vue包

npm install vue -g

安装Vue命令行工具

npm install vue-cli -g

检查安装是否成功

image.png
若webpack -v出现：
image.png
使用npm install webpack-cli -g即可

安装git

webstorm编辑器在创建Vue项目时会使用Git，所以需要在官网上线去下载
https://git-scm.com/

安装webstorm

是JetBrains公司旗下一款JavaScript 开发工具。

使用webstorm创建Vue项目

image.png

最后修改：2024 年 03 月 13 日
© 禁止转载
如果觉得我的文章对你有用，请随意赞赏