Vue自定义创建项目

问题:对于VueRouter,每次创建项目都要5+2太麻烦;那我们希望创建项目的时候就把路由架子搭好

------ 采用自定义创建项目,可以帮我们实现5个基础步骤的框架搭建

步骤:

首先先要安装好VueCli的脚手架

一个快速构建vue项目的工具;用于自动生成vue和webpack的项目模板;可以自动安装vue所需的插件,以及自动配置webpack

创建项目架子:vue create 项目名

创建项目

选择自定义

细致选择

  • 请确定当前项目需要添加哪些特征

空格选中,空格取消

Babel/Router/CSS/Linter

  • 选版本
  • 是否采用历史模式(无#)
  • 选择一个css预处理器
  • 选哪套ESLint规范

无分号规范(标准化)

  • 保存时校验
  • 想把Babel、ESLint等配置文件放哪

单独一个配置文件

  • 将其保存为预设值,用于未来的项目?

创建成功;(运行)


分析:

照原来多出了一个router/index.js


这回我们只需要基于配置,二次开发即可

相关推荐
Python_金钱豹2 分钟前
Text2SQL零代码实战!RAGFlow 实现自然语言转 SQL 的终极指南
前端·数据库·sql·安全·ui·langchain·机器人
兜小糖的小秃毛16 分钟前
两段文本比对,高亮出差异部分
linux·前端·javascript
佛系菜狗25 分钟前
element-ui、element-plus表单resetFields()无效的坑
前端·javascript·vue.js
爱的叹息1 小时前
【前端】基于 Promise 的 HTTP 客户端工具Axios 详解
前端·网络·网络协议·http
遗憾随她而去.1 小时前
从 0 开始认识 WebSocket:前端实时通信的利器!
前端·websocket·网络协议
老兵发新帖1 小时前
pnpm常见报错解决办法
前端
Sonetto19992 小时前
Nginx 反向代理,啥是“反向代理“啊,为啥叫“反向“代理?而不叫“正向”代理?它能干哈?
运维·前端·nginx
沐土Arvin2 小时前
理解npm的工作原理:优化你的项目依赖管理流程
开发语言·前端·javascript·设计模式·npm·node.js
好_快2 小时前
Lodash源码阅读-baseUniq
前端·javascript·源码阅读
不秃的开发媛2 小时前
前端技术Ajax入门
java·开发语言·前端