Vue CLI安装的详细步骤_如何安装vuecli-程序员宅基地

技术标签: vue  

Vue CLI安装的详细步骤

为了以后安装方便,写一个具体的步骤。
1.首先,打开vue官网,在生态系统的工具里找到Vue CLI,点击安装,先全局安装,直接打开cmd命令,执行以下命令。(我选的第一个)
在这里插入图片描述
2.执行完成后,再执行这个命令,查看版本。
在这里插入图片描述
3.如果上面两个都成功了,点击创建一个项目,执行以下命令。如何创建这个项目呢?首先,我们将项目创建在D盘或桌面,然后打开目录,在这个位置敲cmd命令,定位到当前的目录下。注意,一定不要在其他位置随便创建项目。在这里插入图片描述
4.再执行以下这个命令,vue create hello-world,hello-word是你创建的项目名,可以自定义,(但是不要使用驼峰命名)点击回车执行命令。

在这里插入图片描述
5.会出现以下的命令,第一个是vue2.x版本,第二个是3.x版本,我选择的是第三个,自己选择配置项。(上下键可以选择)
在这里插入图片描述
6.会出现下面的命令,空格可以选择哪一行,我选择图片中的四个命令。
在这里插入图片描述
7.因为我现在使用的是2.x版本,所以我选择的是2x。
在这里插入图片描述
8.下面是CSS预处理器,我选择的是第一个Sass,比较稳定。
在这里插入图片描述
9.这个我选择的是第一个:仅仅是报错的时候执行代码。
在这里插入图片描述
10.以下命令,第一个是在服务器报错,第二个是在保存时报错。我选择是第一个。
在这里插入图片描述
11.配置文件是放在单独文件里还是package.json里,我选的是第一个,放在单独文件里。
在这里插入图片描述
12.要不要保存你刚刚的流程,如果选择Yes,下次就不需要一步步按照这个步骤执行,如果不保存,下次还需要一步步来执行这些步骤。我选择的是No,因为下次构建项目不一定需要这么多依赖包。
在这里插入图片描述
13.然后执行我画红色横线的命令,因为我的自定义项目名字是proname,所以出现的是cd proname,进入到我刚刚新建的项目proname,再执行一个项目启动命令,也就是第二个画横线的命令,回车。
在这里插入图片描述
14,出现端口,将端口复制粘贴到网页就可以出现你的首页。
在这里插入图片描述
在这里插入图片描述
如果关闭cmd命令,那么这个页面将会报错,那么如何再次打开这个页面呢?首先将项目拉到你的vscode软件里,打开src里的APP.vue,这里可以查看信息,在项目里点击右键,打开集成终端,输入npm run serve回车,会出现这个网站域名,复制到网站就可以访问vue页面了。
在这里插入图片描述
在这里插入图片描述

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

智能推荐

ELasticsearch的安装以及与spring-data-elasticsearch的整合使用_lorg/elasticsearch/common/settings/settings;ljava/-程序员宅基地

文章浏览阅读3.1k次。#Elasticsearch安装这里本人使用的是docker镜像安装,至于怎么安装就不说了,贴一下配置最基本的配置文件就好#集群名称,默认为elasticsearch, 命名规则为 es-产品名-ES版本cluster.name: luckyqing#节点名称,es启动时会自动创建节点名称,但你也可进行配置node.name: es-46-68-76#设置索引的分片数#index..._lorg/elasticsearch/common/settings/settings;ljava/lang/string;)v

Linux运维面试题(四)之Linux服务管理_linux运维网络服务4-程序员宅基地

文章浏览阅读337次。Linux运维面试题(四)之Linux服务管理_linux运维网络服务4

Spring注解依赖注入详解_依赖注入和注解的区别-程序员宅基地

文章浏览阅读1.1k次。依赖注入可以使用 `@Autowired`, `@Resource`, `@Inject` 三个注解,那么这3中注解有何异同呢?_依赖注入和注解的区别

大数据lab5/spark_大数据实验spark-程序员宅基地

文章浏览阅读1k次。sparkidea加入Scala插件的方法:在pom.xml加入 <build> <plugins> <plugin> <groupId>net.alchim31.maven</groupId> <artifactId>scala-maven-plugin</artifactId> _大数据实验spark

解除PDF限制打印/编辑_advancedpdfpasswordrecovery-程序员宅基地

文章浏览阅读2.4k次。工具:AdvancedPDFPasswordRecovery操作步骤:我们经常会遇到这样一种情况,同事或朋友发给你的pdf被设置了密码,导致被限制了编辑或不能够打印,导致工作进展很麻烦。这时候我们可以用到一款工具AdvancedPDFPasswordRecovery,来破解pdf文件的密码,然后愉快的进行打印或编辑了。1.解压软件,此软件是已破解绿化版,无需安装2.双击打开APDFPR.exe程序3.将待解除限制的pdf文件拖入软件4.显示弹框点击“是”..._advancedpdfpasswordrecovery

w10计算机用户名密码忘了,电脑w10系统开机密码忘了-程序员宅基地

文章浏览阅读1.4w次。如果是普通账户密码忘了请用第一种方法。方法(一)重新启动电脑,启动到系统登录界面时,同时按住Ctrl+Alt键,然后连击Del键两次,会出现新的登录界面,用户名处输入“Administrator”密码为空,回车即可登录,登录后,打开控制面板选/用户账户/更改账户/点击原来的“账户名”/更改我的密码/输入新密码,再次输入新密码,然后点击“更改密码”按钮即可。如果是计算机管理员密码忘了,请用第二种方法..._w10系统不知道电脑的账户密码是多少

随便推点

Vue 2项目如何升级到Vue 3?_vue2项目换成vue3-程序员宅基地

文章浏览阅读2.4w次,点赞14次,收藏67次。Vue2项目如何升级到Vue3_vue2项目换成vue3

Activiti工作流使用详细介绍_activiti开启工作流-程序员宅基地

文章浏览阅读554次。Activiti项⽬是⼀项新的基于Apache许可的开源BPM平台,BPM,即Business Process Management,业务流程管理,通常,BPM也指针对流程管理的信息化系统,其特点是注重流程驱动为核⼼,实现端到端全流程信息化管理。BPMN,即Business Process Modeling Notation,业务流程建模符号。BPMN定义了⼀个业务流程图。_activiti开启工作流

十大排序算法总结(c++版本)-程序员宅基地

文章浏览阅读78次。排序算法的分类:1插入:插入,折半插入,希尔2交换:冒泡,快速3选择:简单选择,堆4归并:归并(不只二路归并)5基数:1插入排序void insert_sort(){ for (int i = 1; i < n; i ++ ) { int x = a[i]; int j = i-1; while (j >= 0 && x < a[j])...

新颖的基于BS结构的毕业设计题目50例_bs实训题目-程序员宅基地

文章浏览阅读711次。新颖的基于BS结构的毕业设计题目50例,该基于BS结构的毕业设计题目包含了:UML对基于BS结构的PDM系统的分析与建模,基于BS结构的高校毕业设计选题系统的设计与实现,基于BS结构的第三方物流管理系统设计与实现,基于BS结构的毕业设计(论文)系统的设计与实现等。..._bs实训题目

GVRP基础配置_gvrp unrecognized command-程序员宅基地

文章浏览阅读1k次。原理概述:GVRP VLAN 注册协议是一种通用属性注册协议的应用,使得交换机之间能够相互交换VLAN配置信息,动态创建和管理VLAGVRP三种注册模式:Normal模式:允许动态VLAN在端口上进行注册,同时会发送静态VLAN和动态VLAN的声明消息。Fixed模式:不允许动态VLAN在端口上注册,只发送静态VLAN的声明消息。Forbidden模式:不允许动态VLAN在端口上进行注册,同时删除端口上除VLAN1外的所有VLAN,只发送VLAN1的声明消息。实验目的:1、理解GVRP的应用场_gvrp unrecognized command

MeterSphere使用MySQL8.0部署(Windows10)_metersphere mysql-程序员宅基地

文章浏览阅读1.3k次。背景看MeterSphere文档推荐5.7,但是因为我本地和服务器均为8.0版本,考虑到已经有很多服务在使用MySQL服务,而且相对来说,8.0比5.7性能更好,其他地方也更好些,所以就尝试直接用Mysql8.0部署本地环境:Windows10 MySQL8.0.18关于为什么会推荐使用MySQL5.7,其实主要原因是他们后端的sql有些group by语句在高版本的MySQL中是不合法的。MySQL 5.7.5及以上功能依赖检测功能。如果启用了ONLY_FULL_G.._metersphere mysql

推荐文章

热门文章

相关标签