从0到1自定义创建vue框架

控制台配置

1.全局安装脚手架
npm install -g @vue/cli

2.输入vue create 文件名回车
3.选择配置:默认vue2,默认vue3,手动选择功能
(我选手动)

在这里插入图片描述

4.选择需要的预置,按空格键选择,按a切换全部,i全不选
(我选babel,css)

在这里插入图片描述

5.选择需要的css预处理器
(我选less)

在这里插入图片描述

6.你喜欢在哪里配置babel.ESLint?
在专用配置文件中
在package.json
(我选专用)

在这里插入图片描述

7.是否保存为未来项目的预置?
(我选否)

在这里插入图片描述
下载成功后效果
在这里插入图片描述

启动项目改造

删除不需要的文件,重置样式
assets静态资源,字体图标,图片之类
static静态页面文件
vendor静态js文件
components 复用的封装组件
layout 布局
icon 字体图标
utils存放工具类
styles样式
views页面
store放vuex
main.js入口文件

样式重置

在src文件夹里面创建styles文件夹,放入重置样式
重置样式链接:vue------引入全局重置样式

在这里插入图片描述

路由配置

路由配置详细教程:vue-----路由的全局配置

axios封装准备

axios封装准备详细教程:vue----axios的封装

猜你喜欢

转载自blog.csdn.net/weixin_47886687/article/details/109398432