创建vue2项目-程序员宅基地

技术标签: vue  前端  vue.js  javascript  

如何创建一个vue2项目

(1) 使用cmd终端直接创建

在键盘上win+r,输入cmd打开终端窗口,cd进入到vue项目所创建的目录里(我是直接创建在桌面上)

输入创建项目指令(vue create 项目名称)

手动选择项目所需的基本配置选项(按enter键进入)

选择以下几项(按空格选中或者取消选中,选好之后enter进入下一步)

选择要启动项目的Vue.js版本

使用hash模式,使用暂时不适用history模式

使用less作为css预处理语言

选择链接/格式化程序配置

选择保存的时候效验eslint规则

将配置文件放在独立文件夹中

将当前配置作为预设保留

预设配置项的名称(自己取,我一般取的和项目一样的名字)

创建完毕

进入项目,并运行

在浏览器输入链接地址( 通常使用:http://localhost:8080/)

一个vue2项目创建成功

(2) 使用vue ui创建

在终端输入vue ui 运行之后跳转到http://localhost:8000/dashboard


点击左上角wordvue选择Vue项目管理器,打开之后可以创建项目 也可以打开之前已有的项目

选择创建项目,然后选择项目所在的目录,这次依旧放在桌面上

填写项目名称,包管理一般选默认,git仓库看个人需求

预设就是手动选择配置项,和第一种方法一样


配置也是一样的

创建成功之后,会自动进入app项目

安装依赖(用vue ui安装依赖非常简单,直接搜索然后安装)

创建vue2项目完成

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_45372417/article/details/128135700

智能推荐

tab效果——支持tab标题的宽度自适应-程序员宅基地

文章浏览阅读1k次。自己做的tab效果,参考了jquery里tabs布,还不太完善,只是做了tab的基本效果有时间了补充以下特点:1.让current tab与其他tab等高2.Ie浏览器下的圆角显示 1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtm..._mat-tab 宽度自适配

Vue--vue中的组件、组件绑定事件和数据、私有组件、子组件,父子组件参数互传...-程序员宅基地

文章浏览阅读137次。一.公有组件以及组件的使用和特点 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"&g..._vue中的组件私有数据能再传入共享数据中吗

ORACLE 10g AWR报告设置总结-程序员宅基地

文章浏览阅读93次。 1:查看、修改AWR报告快照数据的采样间隔、保存策略 SQL&gt; COL DBID FOR 999999999999SQL&gt; COL SNAP_INTERVAL FOR A26SQL&gt; COL RETENTION FOR A26SQL&gt; COL TOPNSQL FOR A10SQL&gt; select * from dba_hist_wr_control; ..._10g怎么查看awr功能是否开启

Rails 6.0 发布时间表-程序员宅基地

文章浏览阅读73次。我们在实现 Rails 6.0 的愿景上取得了足够的进展,因此分享我们的发布时间表是有意义的。关键词是“进取(Aspirational)”,我们觉得比 “发布(Release)” 更为重要。其实软件很少按时发布,我们有过很多理想发布日期,但总是会错过。但如果乐观主义不是开源乐趣的一部分,那么我们为了啥?所以,这是我们目前希望看到的时间..._将 rails 6 什么时候发布

contextmenu样式 wpf_ContextMenu 样式和模板-程序员宅基地

文章浏览阅读1.1k次。ContextMenu 样式和模板ContextMenu Styles and Templates03/30/2017本文内容本主题描述控件的样式和模板 ContextMenu 。This topic describes the styles and templates for the ContextMenu control. 您可以修改默认值 ControlTemplate ,为控件指定独特的外..._wpf contextmenu样式

python 过采样 权重实现_机器学习中非平衡数据处理-程序员宅基地

文章浏览阅读277次。这一篇主要说一下机器学习中非平衡数据的处理方式以及用python如何实现.在前面的一篇推文中我们提到过,非平衡数据会影响最后的评判效果,严重的会带来过拟合的效果,即模型总是把样本划分到样本量较多的那一种。为了让模型的评判更准确,我们需要对非平衡数据进行一定的处理,主要有以下几种方式:欠采样过采样人工合成调权重在开始介绍不同的处理方式之前,我们先引入一组非平衡数据。#导入一些相关库from skle..._from imblearn import over_sampling print('original dataset shape {}'.format(

随便推点

IMX6ULL移植hostapd2.5使用AP模式报错解决_imx6 hostapd-程序员宅基地

文章浏览阅读159次。1.致命错误: netlink/genl/genl,h: 没有那个文件或目录2.arm-linux-gnueabihf/bin/ld: 找不到 -lnl两个报错解决_imx6 hostapd

修改html中title属性的默认样式_html title属性样式-程序员宅基地

文章浏览阅读1.3w次,点赞13次,收藏23次。默认的html的title属性的样式是这样的。通过编写JS函数来实现修改title属性的默认样式效果如下:HTML部分:<span class="mytooltip" title="个性样式个性样式个性样式个性样式个性样式" > 格式样式:</span>CSS部分: #mytitle { position: absolute; color: #ffffff; font-size: 14px; _html title属性样式

车载视频监控系统实现目标及安装详解_车载监控系统平台介绍-程序员宅基地

文章浏览阅读974次,点赞23次,收藏18次。产品外观小巧简洁,低功耗,无噪音,安装灵活方便,系统运行稳定,可广泛应用于公交、长途客运、旅游大巴、物流货运、警用车辆、火车、地铁、轮船、飞机等移动交通工具。4G+GPS车载网络视频服务器可实现多信息的实时监控,车载行驶记录终端可实时监控或随时抽检车辆的行驶状态等信息,系统自动对信息进行处理和存贮,能够实时了解车辆的行驶状态和运行环境,及时发现环境或人为问题,包括随意停车,无关搭乘等。包括事故现场的交通管制、事故现场周边人员疏散、事故的紧急救援等,相关信息可以实时发送到监控指挥中心,便于对事故的及时处理。_车载监控系统平台介绍

kaggle —— Isolatede Sigh Language Recognition_kaggle language里-程序员宅基地

文章浏览阅读120次。note:tf.constant 定义一个常量tf.transpose 转置python装饰器就是用于拓展原来函数功能的一种函数normalisation_correction 这个矩阵用于校正相机的拍摄方向,将左手调整为右手,右手调整为左手。pad_edge 用于在给定张量的左侧或右侧填充一定数量的重复元素@tf.function 装饰器 装饰了一个 call 方法,用于处理输入数据。_kaggle language里

CentOS 8.0 基本配置_centos8 server getenforced-程序员宅基地

文章浏览阅读1.3k次。1. 修改主机名[root@localhost ~]# hostnamelocalhost.localdomain[root@localhost ~]# vi /etc/hostname //将文件中的“localhost.localdomain”修改为“Server”,需重启后方可生效localhost.localdomain -> Server2. 关闭selinux[root@localhost ~]#..._centos8 server getenforced

现代激光原理与技术课后习题答案(个人版)第三章-程序员宅基地

文章浏览阅读349次,点赞9次,收藏9次。现代激光原理与技术课后习题答案(个人版)仅仅是本人在课程学习时的笔记以及根据老师所讲和各种资料总结的课后习题答案。文中的所有答案仅是本人个人想法,不一定正确,还望指正。主要的参考书是《现代激光原理与技术》

推荐文章

热门文章

相关标签