2021-12-20vue-cli开发

1.安装 vue-cli脚手架
sudo npm install vue-cli -g
2.查看是否安装成功
vue list
3.创建一个初始化项目目录
vue init webpack myvue
4.进行初始化配置
5.进入项目目录文件下
cd myvue
6.下载安装依赖
npm install vue-router --save-dev
npm install
7.开发环境运行
npm run dev 在内存中进行编译打包，并运行
生产环境 打包发布 npm run build
npm install -g server 部署运行文件夹
server dist
8.安装element-ui
npm i element-ui -S
8.安装SASS加载器
npm install sass-loader node-sass --save-dev

项目结构

前端UI概念

图标

生成链接后
引入

使用图标

组件结构

components非路由组件
框架
头部
侧边栏
内容栏
底部组件

       侧边栏组件文件夹

pages 路由组件文件夹
首页
用户登录
用户注册
用户信息组件