Vue脚手架搭建

已于 2022-10-28 23:43:03 修改
阅读量684 收藏
点赞数
分类专栏： Vue 文章标签： vue.js 前端 javascript
于 2022-10-28 23:42:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51714990/article/details/127581308
版权

Vue脚手架搭建

搭建过程主要参考：

Vue安装及环境配置、开发工具

npm install 安装依赖报错

在这里插入图片描述

解决办法：

安装淘宝镜像源

npm config set registry https://registry.npm.taobao.org

在这里插入图片描述

运用idea或者vscode工具打开创建好的vue

第一步新建终端
在这里插入图片描述

第二步输入npm run dev

npm run dev

在这里插入图片描述

可以看到是8080端口，复制链接就可以有进入vue

http://localhost:8080

在这里插入图片描述

尔冬易前端
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue脚手架搭建以及创建Vue项目流程
weixin_68658847的博客
04-25 3万+
Vue脚手架的创建以及用脚手架创建项目的全套流程
vue 脚手架搭建
qq_45725851的博客
07-11 4978
vue 脚手架搭建
vue脚手架搭建
weixin_45784564的博客
06-23 1884
先从node官网下载并安装node.js,安装node.js的作用就是利用npm资源管理器下载插件等。 官网地址: https://nodejs.org/en/ 把下载的.exe文件双击安装，一直下一步即可。安装好的node试一下查看是不是安装成功,window键+r输入cmd进入系统管理器进入系统命令页面输入 node -v 检查是否安装成功 npm包管理器，是集成在node中的，所以安装了node也就有了npm，有了npm就可以去下载资源库文件，可以通过命令进行下载，先查看一下npm的版本号。 输
Vue-Cli脚手架的搭建
Honey的博客
03-07 354
在安装vue-cli前，要确认自己的电脑是否安装了nodejs、npm和cnpm等等。 一、vue-cli 1.搭建 vue官网找到vue-cli的官网 在node终端中输入命令 npm install -g @vue/cli 可以选择第三个自定义配置。 2. 查看vue-cli的版本号 vue -V 或者 vue --version 3.创建新项目 vue create Demoname 4.启动项目 切换终端目录到自己的项目下 cd Demoname 运行项目 npm ru
vue脚手架搭建过程图解
08-27
至此，Vue脚手架搭建已完成。Vue CLI会自动配置Webpack，提供热重载、源码映射等功能，极大地提高了开发效率。随着项目的进行，你可以添加更多的Vue插件和库，通过Vue CLI的`vue add`命令，例如添加Vuex状态管理或...
vue脚手架搭建项目及vue学习
06-06
在"vue脚手架搭建项目及vue学习"的主题中，我们将深入探讨如何使用Vue CLI（命令行接口）来初始化一个项目，以及Vue的核心概念和关键特性。 1. **Vue CLI的使用**： Vue CLI是一个官方提供的强大脚手架工具，用于...
vue脚手架搭建项目的兼容性配置详解
12-12
使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。 首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 安装成功之后,在main.js...
vue脚手架搭建步骤.docx
01-01
vue脚手架步骤
vue中预览视频，word，pdf，xlsx
小小小猿
07-22 193
如果vue版本是vue2.6版本或者以下版本还需要安装@vue/composition-api。
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 240
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
Django+vue自动化测试平台（28）-- ADB获取设备信息
测试小老弟的博客
07-17 420
adb的全称为Android Debug Bridge，就是起到调试桥的作用。通过adb可以在Eclipse中通过DDMS来调试Android程序，说白了就是调试工具。adb的工作方式比较特殊，采用监听Socket TCP 5554等端口的方式让IDE和Qemu通讯，默认情况下adb会daemon相关的网络端口，所以当我们运行Eclipse时adb进程就会自动运行。
使用Vue实现点击页面触发特效
qq_45569925的博客
07-19 736
在页面上的指定区域内进行点击，则会在页面上显示设置好的随机文本，此文本出现后会执行动画，动画效果为节点在1s之内向右上方移动并在移动的过程中完成180°翻转，最后消失。
(vue3)el-table滚到底部加载数据el-table-infinite-scroll
weixin_63442947的博客
07-19 197
el-table实现。
vue this.$refs 动态拼接
cimbala的博客
07-19 164
业务需要，refs是不固定的。
vue使用x6画流程图，简单使用
qq_34631220的博客
07-18 666
【代码】vue使用x6画流程图，简单使用。
vue 腾讯云 javascript sdk + 简单富文本组件设计+实战
呵呵哒!的博客
07-19 230
【代码】vue 腾讯云 javascript sdk + 简单富文本组件设计+实战。
VUE中的重点*
最新发布
qq_61132537的博客
07-22 459
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
Vue的模板编译：深入理解渲染函数与预编译模板
哎 你看的博客
07-22 695
Vue.js 是一个用于构建用户界面的渐进式框架，它的核心特性之一是其响应式和声明式的模板语法。Vue 的模板不仅仅是简单的字符串插值，它们会被编译成渲染函数，这个过程涉及到将模板字符串转换成 JavaScript 代码。本文将深入探讨 Vue 的模板编译过程，并讨论如何使用预编译模板来提高应用性能。
vue脚手架搭建测试环境
09-20
Vue脚手架搭建测试环境的步骤如下： 1. 首先需要安装和配置Node.js，因为Vue的CLI项目命令是基于Node.js的。可以从Node.js官网下载最新版本的Node.js安装包，并按照安装向导进行安装。 2. 安装国内淘宝镜像，可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

尔冬易前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值