首页 > 其他分享 >vue入门页面,搭建localhost官方默认页面

vue入门页面,搭建localhost官方默认页面

时间:2024-01-16 10:24:35浏览次数:23  
标签:vue js 默认页 文件夹 下载 输入 localhost

按照提示操作可以做出下图效果:


idea中的vue目录层级为:

1.下载node.js(nodes.js是前端的运行环境,类似于后端中的jdk,没有node.js后续操作无法进行,具体流程百度)
2.新建文件夹(这个文件夹就是你之后vue的目录)
点进去新建的文件夹

3.输入cmd回车

4.输入命令:npm config set reistry https://registry.npm.taobao.org(下载淘宝镜像网站,目的可以让后续下载vue的过程变快)
没有报错表示成功,继续下一步

5.输入命令:npm install -g @vue/cli
等待下载,当最后一行出现completed或http 200或版本号的数字代表下载成功(这一步出现的提示不定)检验下载成功与否可以看上述创建的文件夹目录
6.出现下图的目录文件代表成功,继续下一步
检验成功与否:

7.输入命令:cd vue
8.输入命令:vue create vue
9.一次进行如图操作(上下箭头进行选择,空格选中或者取消,回车进行下一步)

10.出现

代表成功,这时可以在浏览器输入http://localhost:8080/ 出现页面

标签:vue,js,默认页,文件夹,下载,输入,localhost
From: https://www.cnblogs.com/hss1369/p/17967042

相关文章

  • 《vue概念篇》vue设计思路
    vue工作原理参考链接:https://www.cnblogs.com/lishanlei/p/8423407.html参考链接:https://www.cnblogs.com/wzfwaf/p/10553160.htmlMV模式之前,我们都是通过原生js操作dom元素,比如:获取内容、增加点击事件等,如果任务量非常大,那么我们的js代码会随着业务的增加变得臃肿,那么多逻辑,......
  • 《vue语法篇》基础语法
    ref和$ref在Vue中,$ref是一个特殊的属性,它允许您引用组件或DOM元素。可以使用$ref属性在组件或元素上绑定一个唯一的标识符,然后在Vue实例中使用$ref来访问该组件或元素。类似于id选择器。例如,假设您有一个组件:点击查看代码<template><div><inputtype="text"ref="myI......
  • Vue实现大文件分片上传,包括断点续传以及上传进度条
    首先解释一下什么是分片上传分片上传就是把一个大的文件分成若干块,一块一块的传输。这样做的好处可以减少重新上传的开销。比如:如果上传的文件是一个很大的文件,那么上传的时间应该会比较久,再加上网络不稳定各种因素的影响,很容易导致传输中断,用户除了重新上传文件外没有其他的办法......
  • vue中render函数和h函数
    "render"函数是Vue组件的一个重要方法,它用于描述组件的视图结构,并负责渲染虚拟DOM树。"render"函数是一个JavaScript函数,它接受一个名为createElement的参数,用于创建虚拟DOM节点。这使得你可以使用JavaScript来构建虚拟DOM树,包括元素、组件、指令等,为你提供更高的灵活性。render......
  • vue知识
    v-if和v-for的比较vue组件data函数形式key的作用diff算法你了解哪些vue的性能优化方法一、v-if和v-for的哪个优先级更高,如果两个同时出现,应该怎么优化得到更好的性能在源码中发现,先处理静态节点(staticRoot),再处理once,接着才会处理for,最后处理if(看下图)结论:1......
  • vue cli使用介绍
    一、介绍VueCLI是一个基于Vue.js进行快速开发的完整系统。有三个组件:CLI:@vue/cli 全局安装的npm包,提供了终端里的vue命令(如:vuecreate、vueserve、vueui等命令)CLI服务:@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上(提供如:s......
  • Vue 项目离线安装 ArcGIS for JavaScript
    注意:arcgis-js-api在4.18及之后版本,可以通过npminstall@arcgis/[email protected]直接安装在写些博客时,npm能安装的最新版为4.28.10,下面以4.28.10为例,讲解离线安装。在vue3项目中,通过npminstall@arcgis/[email protected]安装,但默认是半本地化的,因为assests资源是通过https://js.ar......
  • vue 滚动条滚动到列表的某个区域时,将(负责的、参与的、管理的)区域的title固定到头部
    1、html1<div:id="item.id"class="list-item"v-for="(item,index)inokrTableDate":key="index">2<pclass="bold":class="{'is-fixed':isFixedFlag1&&item.id===�......
  • vue3使用 vant ui 3 如何获取组件 popup dom的高度?
    我目前使用的是vant-ui 3.1.2popup弹出层组件,我想要获取弹出层的高度来计算一些东西,但是使用常规定义refdom的方式总是无法获取,最终找到方案如下:vant-ui官方文档:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/popup<template><van-popupv-model:show="show......
  • 【Vue2+3入门到实战】(18)VUE之Vuex状态管理器概述、VueX的安装、核心概念 State状态代
    目录一、[Vuex](https://vuex.vuejs.org/zh/)概述1.是什么2.使用场景3.优势4.注意:二、需求:多组件共享数据1.创建项目2.创建三个组件,目录如下3.源代码如下三、vuex的使用-创建仓库1.安装vuex2.新建`store/index.js`专门存放vuex3.创建仓库`store/index.js`4在main.j......