VueCli-自定义创建项目

10月前作者：盖盖衍上分类：Toy博客阅读(32) 违法举报

这篇具有很好参考价值的文章主要介绍了VueCli-自定义创建项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

参考

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

npm i @vue/cli -g

2.创建项目

vue create 项目名
// 如：
vue create dn-demo

键盘上下键 - 选择自定义选型

Vue CLI v5.0.8
? Please pick a preset:
  Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
> Manually select features     选自定义

手动选择功能：如下选择五个，下面的Vuex也可以选上；

上下键后，点击空格选择和取消

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

  3.x
> 2.x

是否使用history模式：这里暂时选择hash模式
选择css预处理：选择Less
选择eslint的风格（eslint 代码规范的检验工具，检验代码是否符合规范）
选择校验的时机（直接回车）
选择配置文件的生成方式（直接回车）
是否保存预设，下次直接使用？ => 不保存，输入 N
等待安装，项目初始化完成
项目创建完成
启动项目文章来源地址https://www.toymoban.com/news/detail-800460.html

npm run serve
// 或
yarn run serve

到了这里，关于VueCli-自定义创建项目的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

JavaScript - 判断当前时间是否在指定区间内，例如：9:00~12:00（检查当前时间是否处于规定的两个时间段范围内），适用于 vue.js / uniapp / 微信小程序等前端项目

例如，您想知道当前时间是否处于 9:00 ~ 12:00 时间区间内，然后根据这个判断进而实现业务逻辑。如下示例所示，本文提供一个函数，您只需要传入 2 个时间区间，便可得出当前时间是否在该时间区间范围内：您可以一键复制，直接粘贴到您的项目中。您只需要传入开始时

2024年02月16日
浏览(63)
Vue cli创建项目时键盘操作无效；vue3.0项目搭建自定义配置

在创建vue3.0项目时，在建好的文件夹，鼠标右键 git bash 使用 vue create my-vue3.0创建新项目时，键盘方向键失效，无法选中对应的选项（交互提示符不工作）方案一使用电脑自带的 cmd 运行 vue create my-vue3.0。方案一在 git bash 窗口中用 winpty vue.cmd create demo 命令创建项目。只是换

2024年04月09日
浏览(43)
vue3创建项目，vite+js

之前的时候大哥就让我自己搭架子，但是我拖延症，现在用到了，得自己搭了我的项目都放到了 VuePorjects这个目录里面，一、先进入到指定工作目录，（不是你要创建的项目的名称哈）二、创建vue3项目，安装创建项目 @latest是项目名称，可以自己修改项目名称，然后选择

2024年02月16日
浏览(66)
利用VSCode创建前端vue项目，详细步骤

1.先创建项目需要放置的文件夹，打开VSCode 2.输入终端指令：vue create wms-web，回车即可创建 3.跳出vue版本选择，根据需要选择版本，这里选择vue2，然后回车 4.等待创建完成… 5.创建成功后，最后显示两行命令：cd wms-web，npm run serve 6.根据命令输入cd wms-web，进入wms-web项目，输入

2024年04月14日
浏览(42)
如何解决创建vue项目后没有webpack.config.js(vue.config.js)文件

◼️ webpack.config.js文件没有的原因 Vue 项目中 vue.config.js 文件就等同于 webpack 的 webpack.config.js。 vue-cli3 之后创建的时候并不会自动创建 vue.config.js，因为这个是个可选项，所以一般都是需要修改 webpack 的时候才会自己创建一个 vue.config.js。 vue-cil3之后创建项目后的目录结构如下

2024年02月04日
浏览(59)
Vue.js安装与创建默认项目（详细步骤）

前言上一篇博文已经对Node.js的安装与配置进行了详细介绍，详见https://blog.csdn.net/qq_42006801/article/details/124830995 另外：文中项目存放的路径及项目名称可根据自身实际情况进行更改。 Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，V

2024年02月02日
浏览(47)
Node.js安装与Vue项目的创建

node.js – js运行平台和工具库 npm – node.js中的一个开发工具, 作用类似于maven, 管理项目的依赖创建时要注意当前所在的目录是不是你想要存放工程的目录

2024年02月12日
浏览(98)
pnpm快速创建 Vue.js 项目(npm类似)

目录 pnpm 创建一个 Vue.js 项目前提准备：运行创建命令：选择项目配置：（按需选择） cd +项目名：（进入项目终端）安装项目依赖：运行项目：前提准备：确保已安装 pnpm。如果没有，请运行以全局安装 pnpm。 npm install -g pnpm 打开终端并导航到要在其中创建项目的目录。

2024年02月10日
浏览(50)
【前端】vue.js从入门到项目实战笔记

【前端目录贴】文本插值中的代码被解释为节点的文本内容，而HTML插值中的代码则被渲染为视图节点。 3.1.1 文本插值文本插值的方式：用双大括号将要绑定的变量、值、表达式括住就可以实现，Vue将会获取计算后的值，并以文本的形式将其展示出来。结果： 3.1.2 HTM

2024年01月21日
浏览(53)
12.JavaWeb-Node.js+创建Vue项目

传统的Web服务器中，每个请求都会创建一个线程，这会导致线程数的增加，从而影响服务器的性能和扩展性，Ryan Dahl借助Chrome的V8引擎提供的能力实现了Node.js——可以在服务端运行的JavaScript（可以把Node.js简单的看成JavaScript写的tomcat）进一步实现前后端分离

2024年02月12日
浏览(75)