Vue.js开发环境搭建的介绍

包含了最基础的Vue.js的框架,包含了打包工具和测试工具,开发调试的最基本的服务器,不需要关注细节,只需关注Vuejs对项目的实现


5640239-7591e503272c8a47.png

npm在国内的网络使用较慢,所以推荐下载安装淘宝的镜像

5640239-ddd27b002cf164b9.png

1:


5640239-d0a060f99504fb7d.png

2:安装cnpm -v


5640239-87532cbf72ac66d6.png

vue没有被找到
3:


5640239-9733f64e8895c3b5.png

4:再次输入Vue的时候,我们会看到


5640239-817acc1cdffbf385.png

接下来如何使用命令行工具?看官网

5640239-353f213f3c9ea799.png

1: 我们在当前目录下生成一个

5640239-b2ba4c87884e6260.png

以下信息可选填

5640239-472c3d50aa8a963b.png

2:项目初始化完成,我们发现目录下多了一项文件夹,大概长这个样子

5640239-e720a7c8384ed832.png
5640239-bac555c0be8bae16.png

不能直接看项目,项目不是独立存在 ,跟其他的库是有千丝万缕的联系的,所以要下载依赖包,可以直接在根目录下查看和安装,我们看一下

5640239-e159f1a1fe1b4f5c.png

查看到信息和这套模板里面带的一些依赖


5640239-919095fd8496640f.png

这不是重要的,重要的是,cnpm install 这个命令,把所有的依赖都安装到当前的目录下

5640239-46ac26c425d68afa.png

接下来使用命令行启动服务器 npm run dev


5640239-2dbc0ed5f89bd577.png

监听的端口是8080

5640239-f47dcf4dd4960402.png

搭建成功,在src文件夹底下进行剩下的开发

转载于:https://www.cnblogs.com/wangting888/p/9702029.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/370812.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html文件转换html格式,pdf文件怎么转换成html格式

PDF文件怎么转换成html格式呢?html格式其实就是网页格式,PDF文件和网页文件一般情况下是两种完全不搭边的格式,但是不可否定的是办公室的多样化总有人会有这样的需求,只要有需求就会有其相应的解决方案。我们可以利用PDF转Word一样…

Eclipse中的Github Gists

我想描述有关在Eclipse中集成GitHub Gists的简单步骤。 有几个来源促使我这样做: Eclipse的GitHub Mylyn连接器 EGit / GitHub /用户指南 http://eclipse.github.com 我一直在使用Eclipse Java EE发行版,其中已经安装了Mylyn插件: 1.通…

CSS3景深-perspective

3D视图正方体&#xff1a; 1 <!DOCTYPE html>2 <html lang"en">3 <head>4 <meta charset"UTF-8">5 <title>CSS3景深-perspective</title>6 </head>7 <style>8 #div1{9 position: rel…

python pool_派松水潭(Python Pool)

派松水潭(Python Pool)旅游景点类型&#xff1a;名胜Roebourne Winternoom Road , Roebourne , Western Australia , 6718Email:roetourbigpond.net.auWebsite:www.pilbaracoast.com派松水潭(Python Pool)坐落于罗伯恩(Roebourne)以南风景如画的米尔斯特姆-奇切斯特国家公园内。…

【BZOJ4262】Sum 单调栈+线段树

【BZOJ4262】Sum Description Input 第一行一个数 t&#xff0c;表示询问组数。第一行一个数 t&#xff0c;表示询问组数。接下来 t 行&#xff0c;每行四个数 l_1, r_1, l_2, r_2。Output 一共 t 行&#xff0c;每行一个数 Sum。Sample Input 4 1 3 5 7 2 4 6 8 1 1 9 9 9 9 1…

父类一实现serializable_我的java基础学习易错点和易忘点总结(一)

一.继承A:子类只能继承父类所有非私有的成员(成员方法和成员变量)B:子类不能继承父类的构造方法&#xff0c;但是可以通过super关键字去访问父类构造方法。二.继承中构造方法的关系A:子类中所有的构造方法默认都会访问父类中空参数的构造方法B:为什么呢?因为子类会继承父类中的…

Avocado 安装和简单测试

1.Avocado 安装 1.1 通过包安装 像Fedora可以通过rpm包进行安装&#xff0c;其他通过RPM管理的发行版需要自己制作相关包。Avocado同样支持DEP包的安装可以在contrib/packages/debian找到。 Fedora 首先通过下面的命令获取仓库配置文件。 sudo curl https://repos-avocadoproje…

html文档主体的根标签,2 HTML简介标签嵌套和并列关系文档声明

HTML&#xff1a;Hyper Text Markup Language 超文本标签语言(hyper&#xff1a;精力旺盛的 markup:标记 n noun)HTML不是编程语言&#xff0c;而是一种标记语言(就是一套标记标签)&#xff0c;用于描述网页&#xff0c;是网页制作必备的。超文本是指页面内可以包含图片、链接…

深入克隆

在继续克隆概念之前&#xff0c;让我们用对象创建概念刷新基础知识。 使用new运算符创建对象时&#xff0c;对象将在堆中获取内存分配。 堆中的对象创建 在Java中&#xff0c;理想情况下仅通过引用变量修改对象&#xff0c;即仅复制对象的内存地址&#xff0c;因此原始对象中…

c# 口口乱码_c# 乱码解决方法

1 设置web.configrequestEncoding"utf-8"responseEncoding"utf-8"fileEncoding"utf-8"/>如果相应使用gb2312 &#xff0c;则html页面也要设置相同&#xff0c;解决乱码。如果为 utf-8 &#xff0c;则相应的html文件的属性要转换成utf-8保存&a…

《你的灯亮着吗?》个人总结

我要如何去解决问题 搞清楚问题是什么 问题就是我们的体验和期待的所产生的差异 * 问题的本质 * 问题的定义 * 问题的产生 * 问题的表述谁需要解决问题要多维的看待问题问题来自哪里问题的解决方法在特定的层面上去解决问题问题的解决是要交给能解决问题的人--谁能解决问题别轻…

html文档的文件头的主要作用是什么,文件头

本词条缺少概述图&#xff0c;补充相关内容使词条更完整&#xff0c;还能快速升级&#xff0c;赶紧来编辑吧&#xff01;文件头是位于文件开头的一段承担一定任务的数据&#xff0c;一般都在开头的部分。中文名文件头位 置位于文件开头任 务承担一定任务的数据类 别文…

索引和未索引执行计划的比较_详解Oracle复合索引+实例说明

复合索引复合索引顾名思义&#xff0c;区别于单列索引&#xff0c;是由两个或多个列一起构成的索引。其在B树上的数据结构是什么样&#xff1f;如下图&#xff0c;是一个包含两列的复合索引。如果你观察仔细&#xff0c;还会发现它的叶子节点是ASC递增排序的。现根据第一个值排…

Datables使用总结

本文共四部分&#xff1a;官网 | 基本使用|遇到的问题|属性表 一&#xff1a;官方网站&#xff1a;[http://www.datatables.net/] 二&#xff1a;基本使用&#xff1a;[http://www.guoxk.com/node/jquery-datatables] 1、DataTables的默认配置 $(document).ready(function() { …

python面向窗体的开发_Python高级进阶#019 pyqt5菜单menu应用,新建多窗体

知识回顾&#xff1a;1.掌握的是QCalendarWidget日历控件2.click点击事件(信号)触发3.掌握日期的格式化QDate本节知识视频教程以下开始文字讲解&#xff1a;一、案例&#xff1a;菜单1.新建第一个窗体2.一级菜单的配置3.二级菜单的配置4.利用菜单功能实现界面跳转&#xff0c;实…

用方面清理代码

在我以前的文章中&#xff0c;我描述了字母转换&#xff0c;并且提到了我们使用AspectJ解决了该任务&#xff0c;但是我没有提及AspectJ的工作原理以及一般性的方面。 因此&#xff0c;在接下来的几行中&#xff0c;我将解释&#xff1a; 什么是面向方面的编程&#xff0c;为什…

java前三章总结

Java前三章总结 第一章&#xff1a;1.Java都有什么东西&#xff1f; Jdk&#xff08;java开发工具包&#xff09;包括 Jre&#xff08;Java运行环境&#xff09;---------->jvm&#xff08;Java虚拟机&#xff09; 应用&#xff08;javac&#xff09; Java API和一些常用的j…

原型 - 实现自己的jQuery

每个第一次使用jq的开发者都感到惊叹,jq的$太神奇了,究竟是怎么做到的使用$控制dom 赞叹前人之余,探究其本源才是前端开发者应该做的事,社区常常说,不要重复造轮子, 可是啊,连轮子都造不出来,又怎么去了解在什么环境下用什么轮子,怎么样才可以造成更加优秀的轮子, 不同阶段对…

html 用svg缩放拉伸,html – 拉伸SVG以适应其父级的100%高度和宽度

如果您对另一种选择开放,您可以使用纯CSS创建形状.它不会像SVG那样整洁,但它会响应&#xff1a;* {box-sizing:border-box;}.box {margin:40px;padding:0 10px;max-width:200px;display:inline-block;vertical-align:top;border-right:2px solid green;border-left:2px solid g…

server.transfer 无法跳转页面_H5 腾讯地图无法导航

uni-app 打包H5腾讯地图无法导航前言&#xff1a;最近几天用uni-app开发安卓和iOS应用&#xff0c;打包成APP安装包后&#xff0c;APP内做地图导航没有问题&#xff0c;APP内使用的是高德地图&#xff1b;但是打包成为H5页面后&#xff0c;运行在微信内置浏览器或者运行在第三方…