VUE使用vue create命令创建vue2.0项目的全过程

 更新时间:2022年07月22日 11:06:58   作者:祖先森、  
vue-cli是创建Vue项目的一个脚手架工具,vue-cli提供了vue create等命令,下面这篇文章主要给大家介绍了关于VUE使用vue create命令创建vue2.0项目的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下

前言

为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题,我们使用 管理员身份 打开命令行

第一步,打开命令行后,首先进入我们想要创建项目的目录下

g: 表示切换进入G盘

cd git 表示打开 当前盘下的 git 文件夹

大家可以根据以上两个命令进入自己想要保存项目的目录下,我这里是保存在 G:\Git 文件夹

第二步,执行 vue create xxxx 命令

xxxx 代表 项目名称

这里我们选择 (通过 键盘上的方向键) 第三项,

第三项可以手动选择创建项目时 一同创建的"工具",比如vue-router,sass 等等,

而上面的两个选项则不能 选择与项目一同创建的“工具”。(选择完毕后 敲 回车键 )

出现这个界面时,默认勾选的三个不用动就行,正常情况下,Progressive、Unit Testing、E2E Testing 不需要安装。

其他选项 根据 项目 需要 进行选择,我们这里选择下面几种常用“工具”。(方向键 进行 切换,空格键 进行 勾选,确认勾选完毕后 敲 回车键 )

和你 确认创建vue项目的版本(选项分别 为vue2.0 以及 vue3.0)

这里我们 选 2.x

和你确认 路由器是否使用 history 模式?(Y:确认 / N:取消)

这里我们 输入 Y 回车

和你确认 sass 版本 

这里我们 选 Sass/SCSS (with dart-sass)

和你确认 语法检测 配置

这里我们 选默认的第一个

和你确认 触发语法检测的方式

这里我们 选 Lint on save (保存时就触发)

和你确认 配置文件放置位置

这里我们 选  In dedicated config files (单独放置)

和你确认 是否把刚刚配置过的信息 保存为预设模板(保存为预设后,以后在创建项目时就可以选择这个预设模板进行创建)

这里我们 输入 n (也不麻烦,多走走流程挺好的)

然后等待 直至出现下面内容为 创建成功!

然后执行 启动命令 成功!

总结

到此这篇关于VUE使用vue create命令创建vue2.0项目的文章就介绍到这了,更多相关vue create命令创建vue2.0项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 关于配置babel-plugin-import报错的坑及解决

    关于配置babel-plugin-import报错的坑及解决

    这篇文章主要介绍了关于配置babel-plugin-import报错的坑及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • vue3+vant4实现pdf文件上传与预览组件

    vue3+vant4实现pdf文件上传与预览组件

    这篇文章主要介绍了vue3如何结合vant4实现简单的pdf文件上传与预览组件,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2025-04-04
  • Avue自定义formslot调用rules自定义规则方式

    Avue自定义formslot调用rules自定义规则方式

    在Avue框架中,使用formslot自定义表格列时可能会遇到无法调用Avue的自定义校验规则的问题,这通常发生在尝试通过formslot自定义设置列的场景中,解决这一问题的一个有效方法是将自定义列与Avue的校验规则通过特定方式连接起来
    2024-10-10
  • vue深拷贝的3种实现方式小结

    vue深拷贝的3种实现方式小结

    当使用同一个对象产生冲突时,可以使用lodash包,对该对象进行深拷贝,从而使操作的对象为不同的对象,这篇文章主要给大家介绍了关于vue深拷贝的3种实现方式,需要的朋友可以参考下
    2023-02-02
  • 详解vue使用Echarts画柱状图

    详解vue使用Echarts画柱状图

    这篇文章主要为大家介绍了vue使用Echarts画柱状图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • 在Vue 中使用Typescript的示例代码

    在Vue 中使用Typescript的示例代码

    这篇文章主要介绍了在Vue 中使用Typescript的示例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • Vue生命周期中的八个钩子函数相机

    Vue生命周期中的八个钩子函数相机

    这篇文章主要为大家介绍了Vue生命周期中的八个钩子函数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • element表单使用校验之校验失效问题详解

    element表单使用校验之校验失效问题详解

    最近工作中遇到了element表单校验失败的情况,通过查找相关资料终于解决了,所以下面这篇文章主要给大家介绍了关于element表单使用校验之校验失效问题的相关资料,需要的朋友可以参考下
    2022-10-10
  • vue使用blob下载文件遇到的问题小结

    vue使用blob下载文件遇到的问题小结

    Blob 对象表示一个不可变、原始数据的类文件对象,这篇文章主要介绍了vue使用blob下载文件遇到的问题记录,需要的朋友可以参考下
    2024-02-02
  • Vue如何实现从response读取流下载

    Vue如何实现从response读取流下载

    这篇文章主要介绍了Vue如何实现从response读取流下载问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-04-04

最新评论