Vue自定义创建项目

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

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

步骤:

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

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

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

创建项目

选择自定义

细致选择

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

空格选中,空格取消

Babel/Router/CSS/Linter

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

无分号规范(标准化)

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

单独一个配置文件

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

创建成功;(运行)


分析:

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


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

相关推荐
灵感__idea10 小时前
Hello 算法:贪心的世界
前端·javascript·算法
GreenTea12 小时前
一文搞懂Harness Engineering与Meta-Harness
前端·人工智能·后端
killerbasd13 小时前
牧苏苏传 我不装了 4/7
前端·javascript·vue.js
吴声子夜歌13 小时前
ES6——二进制数组详解
前端·ecmascript·es6
码事漫谈14 小时前
手把手带你部署本地模型,让你Token自由(小白专属)
前端·后端
ZC跨境爬虫14 小时前
【爬虫实战对比】Requests vs Scrapy 笔趣阁小说爬虫,从单线程到高效并发的全方位升级
前端·爬虫·scrapy·html
爱上好庆祝14 小时前
svg图片
前端·css·学习·html·css3
橘子编程14 小时前
JavaScript与TypeScript终极指南
javascript·ubuntu·typescript
王夏奇14 小时前
python中的__all__ 具体用法
java·前端·python
叫我一声阿雷吧15 小时前
JS 入门通关手册(45):浏览器渲染原理与重绘重排(性能优化核心,面试必考
javascript·前端面试·前端性能优化·浏览器渲染·浏览器渲染原理,重排重绘·reflow·repaint