ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

VueCli-自定义创建项目

2026/8/16 17:47:51 拓冰建站 浏览量
VueCli-自定义创建项目

参考

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. 手动选择功能:如下 选择五个,下面的Vuex也可以选上;
  • 上下键后,点击空格 选择和取消
    在这里插入图片描述
  1. 选择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