VueCli-自定义创建项目

这篇具有很好参考价值的文章主要介绍了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也可以选上;
  • 上下键后,点击空格 选择和取消
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript
  1. 选择vue的版本:这里选择vue2.x的版本
  3.x
> 2.x
  1. 是否使用history模式:这里暂时选择hash模式
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript

  2. 选择css预处理:选择Less
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript

  3. 选择eslint的风格 (eslint 代码规范的检验工具,检验代码是否符合规范)
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript

  4. 选择校验的时机 (直接回车)
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript

  5. 选择配置文件的生成方式 (直接回车)
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript

  6. 是否保存预设,下次直接使用? => 不保存,输入 N
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript

  7. 等待安装,项目初始化完成
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript

  8. 项目创建完成
    VueCli-自定义创建项目,Vue,vue.js,前端,javascript

  9. 启动项目文章来源地址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日
    浏览(60)
  • 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日
    浏览(64)
  • 利用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日
    浏览(40)
  • 如何解决创建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日
    浏览(57)
  • Node.js安装与Vue项目的创建

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

    2024年02月12日
    浏览(98)
  • Vue.js安装与创建默认项目(详细步骤)

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

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

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

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

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

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

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

    2024年02月12日
    浏览(74)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包