VueCli-自定义创建项目

发布时间：2024年01月15日

参考

1.安装脚手架 (已安装可以跳过)

npm i @vue/cli -g

2.创建项目

vue create 项目名
// 如：
vue create dn-demo
  1. 键盘上下键 - 选择自定义选型
Vue CLI v5.0.8
? Please pick a preset:
  Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
> Manually select features     选自定义

  1. 手动选择功能：如下 选择四个
    在这里插入图片描述

  2. 选择vue的版本：这里选择vue2.x的版本

  3.x
> 2.x

  1. 是否使用history模式：这里暂时选择hash模式
    在这里插入图片描述

  2. 选择css预处理：选择Less
    在这里插入图片描述

  3. 选择eslint的风格 （eslint 代码规范的检验工具，检验代码是否符合规范）
    在这里插入图片描述

  4. 选择校验的时机 （直接回车）
    在这里插入图片描述

  5. 选择配置文件的生成方式 （直接回车）
    在这里插入图片描述

  6. 是否保存预设，下次直接使用？ => 不保存，输入 N
    在这里插入图片描述

  7. 等待安装，项目初始化完成
    在这里插入图片描述

  8. 项目创建完成
    在这里插入图片描述

  9. 启动项目

npm run serve
// 或
yarn run serve
文章来源:https://blog.csdn.net/m0_72560900/article/details/135612469
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章