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

74 篇文章 3 订阅

控制台配置

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的封装

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值