前端Vue+Element-ui开发环境搭建

一.软件安装下载

1.需要下载VC Code和谷歌浏览器

（用于写代码）VC code下载地址：

Download Visual Studio Code - Mac, Linux, Windows

（用于看效果）谷歌浏览器下载地址：

Google Chrome 网络浏览器

2.打开文件夹

创建一个文件夹，拖拽至vc code空白位置即可打开

3.安装插件

汉化插件

注意

安装完成插件后，右下角有一个小弹窗单击即可

打开网页插件

如上图搜索：open in browser

注意

使用ctrl和+/-就可以缩放字体大小

设置默认浏览器

 控制面板--默认程序--设置默认程序--web浏览器：谷歌

2.搭建Vue2+element-ui框架

1.安装nodev16.20.2

：下载node地址：https://nodejs.org/enhttps://nodejs.org/en

然后配置环境变量

具体步骤文档

搭建 vue2+element-ui 项目流程详解 - 掘金 (juejin.cn)

项目启动命令：npm run serve

element-ui组件工具链接

组件 | Element

安装cnpm

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题；安装这个就可以在vcode终端使用npm run serve命令启动

npm install --registry=https://registry.npmmirror.com