新建一个vue2项目

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

安装Vue CLI

在终端中输入以下命令进行全局安装:

npm install -g @vue/cli

创建Vue项目

1.在你要创建项目的目录下打开终端输入vue create 【你的项目名称】

新建一个vue2项目

2.手动选择安装

新建一个vue2项目

3.根据自己的需求选择

新建一个vue2项目

4.选择vue版本

新建一个vue2项目

5.是否使用calss风格的组件语法: (推荐:y)

新建一个vue2项目

6.这个选择的意思是要不要使用babel工具自动转换为ts代码注入polyiss(推荐: y)

新建一个vue2项目

7.是否使用history模式创建路由;

新建一个vue2项目

8.选择预处理器(如: less,sass,stylus)

新建一个vue2项目

9.选择代码检测时的工具

新建一个vue2项目

10.选择检测时机

新建一个vue2项目

11.如何存放配置

新建一个vue2项目

12.可以将当前创建项目配置作为一个模板方便下次直接使用 

新建一个vue2项目

新建一个vue2项目

13.至此,一个vue项目就创建完成了。 

新建一个vue2项目

vue项目启动自动打开浏览器 

在 vue.config.js 文件下配置

devServer: {
    host: 'localhost',
    open:true, //默认打开浏览器
    proxy:"http://localhost:2999"
  }

如图:

新建一个vue2项目文章来源地址https://www.toymoban.com/news/detail-500808.html

到了这里,关于新建一个vue2项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 当你打开终端并输入命令时会发生什么?(下)

    哈喽大家好,我是咸鱼 我们先来大致回顾一下文章《当你打开终端并输入命令时会发生什么?(上)》的内容 终端设备是由电传打字机演变过来的,电传打字机通过物理线与大型计算机连接在一块来实现输入输出 如上图,分别是二战时期的电传打字机和西门子 “Fernscheiber

    2024年02月04日
    浏览(36)
  • 当你打开终端并输入命令时会发生什么?(上)

    哈喽大家好,我是咸鱼 参加过校招面试的小伙伴们肯定对下面这道面试题很熟悉:“当你在浏览器输入一段网址后会发生什么?”。这道面试题可以说是很经典了,因为其涉及大量网络协议,可以非常直观的看出小伙伴们对计算机网络体系的整体把握程度 但如果问题换成:

    2024年02月05日
    浏览(29)
  • Jenkins如何新建一个项目

    话不多,以版本 Jenkins 2.350为例,来创建一下新项目 首先需要登录Jenkins 比如:admin/123456 登录成功后找到新建item并点击   如果需要定时去跑,可以配置一下 H H(9-18)/2 * * 1-5    

    2024年02月09日
    浏览(52)
  • 如何新建一个java项目

    第一步:File→New→Project→ Empty Project(一定要记得点Empty Project) 第二步:File→New→**Moudle(注意此时不选Project)**→Java→next (此步完成后会出现左侧列表中会出现 scr ) 第三步:由于建的是空的项目,还需要 安装环境 (若不设置,后面写好代码后就没有绿色的箭头,则不能执行

    2023年04月20日
    浏览(45)
  • IDEA新建一个spark项目

    第一步:新建一个maven工程 第二部:命名工程名 第三步:新建一个文件夹,并设置为sources root 第四步:pom编写 第五步:新建一个Scala类 注意:此步可能找不到Scala,需要引入 具体步骤为 1.项目构建 2.点击+ 3.添加Scala,如果有Scala环境,会默认识别版本 最后会引入Scala,如下

    2023年04月08日
    浏览(45)
  • Vue2 - 模板、渲染、事件处理、表单输入绑定

    本文内容来自:https://www.bilibili.com/video/BV1Rs4y127j8/ 1、文本 数据绑定最常见的形式就是使用“Mustache” (双大括号) 语法的文本插值 一般配合 js 中的 data() 设置数据 2、原始 HTML 双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 指令 3、

    2024年02月16日
    浏览(38)
  • 记本地新建一个gradle方式springboot项目过程

    打算使用gradle在idea新建个springboot项目,然后坑很多,记录一下 原来我的idea应该是社区版,新建项目时候没有可以选择spring相关配置,然后卸载了重装,之前问题是启动是启动起来了,但是状态栏那边一直显示编译中,一直找不到具体原因,所以卸载和重装了。 接下来就是

    2024年02月10日
    浏览(38)
  • 利用Visual Studio新建一个C# Web项目

    首先就是要下载Visual Studio,具体可以登录官网查看下载教程。 首次打开Visual Studio,就会显示新建的页面,若是使用过的则根据以下操作进行:  以下界面则与新使用的新建界面一致:选择 ASP.NET Web ,点击下一步 填写项目名称,选择项目存放的位置,选择框架,点击创建  

    2023年04月08日
    浏览(92)
  • IO进程线程第五天(8.2)进程函数+XMind(守护进程(幽灵进程),输出一个时钟,终端输入quit时退出时钟)

    1.守护进程(幽灵进程) 2.输出一个时钟,终端输入quit时退出时钟        

    2024年02月14日
    浏览(48)
  • Android Studio新建项目下载依赖慢,只需一个操作解决

    新建的安卓工程,下载依赖贼慢怎么办?水一篇吧。 首先新建工程,建好以后项目就自动开始下载了,底部开始出现进度条,但是进度条一直不怎么动,网速也就十几k,要是等他下载得下一天。 直入主题, 1、新建项目:输入名字选择位置这都是自己定的,选择安卓版本也

    2024年02月21日
    浏览(55)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包