如何构建一个Vue项目

news/2024/7/10 2:24:03 标签: Vue

Vue__0">构建 Vue 项目

1、新建一个空的文件夹，使用编译器打开
在这里插入图片描述


2、在该目录下，使用创建命令： vue create <项目名称> 在这里插入图片描述


3、目录构建完成
success


4、进到项目目录下，运行项目

run


5、项目运行结束，得到项目的查看地址
在这里插入图片描述


http://www.niftyadmin.cn/n/1431399.html

相关文章

Vue-cli 中是如何进行父子组件间传值的

Vue-cli 中是如何进行父子组件间传值的

&#xff08;1&#xff09;子组件 — data —> 父组件 父组件&#xff08;Regist.vue&#xff09;部分&#xff1a; <template><div class"regist">这里是注册页面&#xff01;<!-- 2、通过绑定属性来传值给子组件 --><RegistInfo :msg&qu…
阅读更多...
原生 和 Vue 分别是如何使用”懒加载“？

原生 和 Vue 分别是如何使用”懒加载“？

前言 懒加载&#xff0c;是对前端的一种优化方法。通过它可以有效的降低请求量&#xff0c;让页面加载速度快到飞起&#xff0c;减轻服务器的压力&#xff0c;节省流量&#xff0c;提升用户的体验。 一、原生方法引用懒加载&#xff08;函数节流函数防抖&#xff09;(throttle…
阅读更多...
JavaScript 中 this 的几种应用场景

JavaScript 中 this 的几种应用场景

前言 话不多说&#xff0c;直接上代码剖析… 场景1__全局环境中 this指向 全局对象 this.a 10; alert(a); // 10b 20; alert(this.b); // 20场景2__对象 内部函数的 this指向 调用函数的 当前对象 var a 10; var bar {a:20,test: function(){alert(this.a);} } bar.t…
阅读更多...
localstroage的存储、读取、删除

localstroage的存储、读取、删除

前言 存储&#xff1a;localStorage.setItem(‘key’, value)读取&#xff1a;localStorage.getItem(‘key’)删除&#xff1a;localStorage.removeItem(‘key’)全部删除&#xff1a;localStoerage.clear() 一、使用说明 localstroage存储&#xff08;先将要存储的数据转为字…
阅读更多...
常见的浏览器内核

常见的浏览器内核

前言… 浏览器内核是什么东西。英文叫做&#xff1a;Rendering Engine&#xff0c;中文翻译很多&#xff0c;排版引擎、解释引擎、渲染引擎&#xff0c;现在流行称为浏览器内核. 梳理了一些我们常用的浏览器及内核… 内核浏览器备注私有属性(兼容写法)TridentIEIE、猎豹安全、…
阅读更多...
rem如何适配移动端

rem如何适配移动端

浏览器设置rem常用方法 rem&#xff0c;它是相对根元素 html 的 font-size 字体大小来变化的。而浏览器的默认根元素字号是16px&#xff0c;也就是说默认情况下&#xff0c;浏览器的 1rem 16px。 那么在使用过程中&#xff0c;咱们不可能通过16px来计算&#xff0c;因为那么…
阅读更多...
数据库基本操作—表（一）

数据库基本操作—表（一）

一、创建表 表是数据库存储数据的基本单位。个一个表包含若干字段或记录&#xff1b; 语法&#xff1a; CREATE TABLE 表名( 属性名 数据类型 [完整性约束条件],属性名 数据类型 [完整性约束条件],......属性名 数据表格 [完整性约束条件] )约束条件说明Primary Key属性为该…
阅读更多...
数据库基本操作—查询（二）

数据库基本操作—查询（二）

一、单表查询 &#xff08;1&#xff09;查询所有的字段 Select 字段 1, 字段 2, 字段 3,...From 表名; Select * From 表名;&#xff08;2&#xff09;查询指定字段 Select 字段 1, 字段 2, 字段 3,...From 表名;&#xff08;3&#xff09;Where条件查询 Select 字段 1, 字…
阅读更多...
最新文章

Copyright @ 2022~2023