学习VUE-安装环境

最新推荐文章于 2024-05-31 16:22:19 发布
最新推荐文章于 2024-05-31 16:22:19 发布
阅读量427 收藏 8
点赞数 7
文章标签： 学习 vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49443524/article/details/135658707
版权

下载安装Node.js

官网下载最新版本：https://nodejs.org/en/download/

解压zip包

在这里插入图片描述

由于node.js默认安装了npm所以不用额外配置全局命令就可以使用npm命令

在cmd中输入node -v 和 npm -v就可以得到版本信息

在这里插入图片描述

配置一下目录：

在这里插入图片描述

node.js环境配置

在这里插入图片描述

配置镜像

在这里插入图片描述
在这里插入图片描述

安装VUE.js

在这里插入图片描述

安装webpack模板

在这里插入图片描述
#安装脚手架vue-cli 2.x
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

安装最新版

在这里插入图片描述

我该如何取个名字
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-element-template学习
koogo的博客
04-22 3087
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例
vue-cli中配置环境变量
alfred____的博客
04-16 1925
环境变量: 在不同环境中根据不同的情况自动切换基地址 场景: 在项目开发的不同阶段，很可能要请求不同的基地址，例如： 在开发阶段，ajax请求要发到地址a； 在上线之后，ajax请求要发到地址b 端口配置 前端的项目的接口是在vue.config.js中配置的。下边我们来学习一下它的用法，从而了解环境变量的使用。 vue.config.js 就是vue项目相关的编译，配置，打包，启动服务相关的配置文件，它的核心在于webpack，但是又不同于webpack，相当于改良版的webpack. 官网地址
vue.js 三种方式安装(vue-cli)
热门推荐
muzidigbig的博客
05-29 32万+
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法： 1.独立版本 我们可以在Vue.js的官网上直接下载vue...
VUE-CLI/VUE-ROUTER
LKS_010620的博客
08-24 3588
官方文档vue-cli是vue官方出品的快速构建单页应用的脚手架，里面集成了webpack，npm，nodejs，babel，vue，vue-router。
vue-cli环境变量与模式
陈坚泓的博客
04-18 3921
vue-cli环境变量与模式模式环境变量环境文件加载优先级示例：Staging 模式在客户端侧代码中使用环境变量public/index.html只在本地有效的变量推荐阅读 你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特 《人生果实》经典语录 vue-cli3.0移除了配置文件目录： config和build文件夹。改为.env自定义配置环境变量和模式 日常工作中，主要用来区分本地开发环境，测试环境，正式环境的全局配置，例如服务器地址、接口地址、websocket地址…… ，通过环境变量和模
Vue学习-安装Vue环境
云上道人的博客
09-27 973
Vue环境搭建
vue-tsc --noEmit导致打包报TS类型错误
编码世界
06-30 6万+
当我们新建vue3项目，package.json文件会自动给我添加一些配置选项，这写选项基本没有问题，但是在实际操作过程中，当项目越来越复杂就会出现问题。本文列举一个目前我遇到的一个问题：打包后报了一堆TS类型错误，怎么消除这些错误？
9.0、vue-cli环境配置超详细教程
m0_52433668的博客
02-27 1166
9.0、vue-cli环境配置超详细教程 第一步：进入http://nodejs.cn/download/ 官网下载 第二步：安装，无脑点击下一步即可，安装的位置可以自行选择 第三步：以管理员身份打开命令提示符窗口，输入以下代码查看版本、以及是否安装成功 node -v npm -v 第四步：安装Node.js淘宝镜像加速器(cnpm) 这样子的话，下载会快很多！ # -g就是全局安装 npm install cnpm -g #或使用...
Vue学习笔记2-安装Vue
摘繁华
06-12 1278
Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。
【vue】vue中的路由vue-router，vue-cli脚手架详细使用教程
景天科技苑
03-22 3881
vue就是我们前面学习的vue基础，vue + vue-router 主要用来做SPA(Single Page Application)，单页面应用 整个网站都是通过一个html文件搞定的。 我们只需要开发组件，页面中有什么组件，就开发什么组件。这些事情都是前端来做的，跟后端没有一点关系。 vue-cli 能创建vue项目，把目录创建好了，哪个地方放组件，哪个地方放css样式等都划分好目录了。类似于我们通过pycharm创建django项目。 而且能vue-cli把整个项目通过socket跑起来。
vue-cli.rar
12-24
vue-cli官方离线教程，2019年12月从官网拔下来的，供大家下载学习.............
vue-element-plus-admin:一套基于vue3，element-plus，typesScript，vue-cli4的后台集成方案
03-29
基础模版-template分支单页模版-单页分支功能- 登录 / 注销- 权限验证 - 页面权限 - 指令权限 - 权限配置- 多环境- 多页配置- 引导页- 全局功能 - 三种不同风格 layout 布局 - 动态侧边栏（支持多级路由嵌套） - ...
浅谈vue-cli 3.0.x 初体验
11-27
最近项目正在优化。乘着有时间看了一下 vue-cli3.0.x 使用 。感觉还蛮不错的。 因为之前项目使用的 vue-cli 2 创建的，强行使用 eslint让我们很难受，一些与项目无关的 “build” 和 “config”...2. 安装环境 这里犸特
vue-waterfall-source-code:学习vue-waterfall源代码-vue source code
03-24
Vue-waterfall是一个模块，可以在CommonJS和AMD模块化环境中用作模块。 在非模块化环境中， Waterfall将被注册为全局变量。 进口 ES6 /* in xxx.vue */ import Waterfall from 'vue-waterfall/lib/waterfall' ...
vue-vben-admin:基于Vite2，vue3.0，ant-design-vue 2.x，打字稿，vuex，vue-router的vue3样式管理员，正在努力进行更新。
05-11
使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可用于学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2之类的前端前端技术开发 TypeScript ：应用程序级...
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1203
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
学习整理 docker
wonder_dog的博客
05-31 227
nexus。
前端技术入门学习：探索数字世界的奇幻之旅
qwertyhn_0024的博客
05-27 229
HTML定义了网页的结构和内容，CSS负责样式和布局，而JavaScript则实现了网页的交互功能。对于初学者来说，前端技术既是一个充满魅力的新世界，也是一个充满挑战与困惑的领域。本文将引导您从四个方面、五个方面、六个方面和七个方面深入理解前端技术，开启您的学习之旅。在这个过程中，我们需要不断探索、学习和实践，才能逐步掌握这门技艺的精髓。同时，我们也需要保持敏锐的洞察力和开放的心态，不断适应和应对前端技术领域的变化和发展。同时，随着人工智能、大数据等新技术的不断涌现，前端技术也将面临更多的挑战和机遇。
超大功率光伏并网逆变器学习(三相) 一
最新发布
我的博客
05-31 320
1.超大功率用的IGBT开关频率通常很低,比如6KHz。2.线电压和相电压的关系。
ruoyi-vue-pro 开发指南 pdf下载
06-24
### 回答1： Ruoyi-vue-pro是一款便捷的前端Java框架，其官方开发指南PDF可在官网或相关技术博客上进行下载。 该开发指南PDF主要介绍了Ruoyi-vue-pro的框架结构、设计规范、使用方法等内容，为开发人员提供了全面的参考资料。在其中可以学习到如何使用IDE工具进行项目开发、如何对接后端API接口、如何进行代码打包和发布、如何进行项目调试等技巧。 此外，该开发指南PDF还提供了大量代码示例，方便开发人员更好地理解和掌握框架使用。同时，对于想要深度定制Ruoyi-vue-pro框架的开发者，该开发指南PDF也提供了一些扩展和集成方案，方便自定义组件和功能的实现。 总之，Ruoyi-vue-pro开发指南PDF是一份十分实用和详尽的前端框架开发指南，对于想要使用该框架开发项目的开发者来说是不可多得的学习资料。建议各位开发者在开始使用Ruoyi-vue-pro前，先进行该指南的学习，以便更好地开展项目工作。 ### 回答2： ruoyi-vue-pro 是一个开源的后台管理系统，采用前后端分离的开发架构，前端采用 Vue.js 框架开发，后台采用 SpringBoot 框架开发。ruoyi-vue-pro 开发指南 pdf 是一份详细的开发文档，其中包括了系统的功能介绍、搭建环境、项目结构、模块设计等内容。 在功能介绍中，文档详细介绍了系统的模块功能，包括登录管理、角色权限管理、用户管理、菜单管理、数据字典管理等。在搭建环境中，文档给出了详细的开发环境配置步骤，包括安装数据库、安装 Java JDK 等内容。在项目结构中，文档介绍了整个项目的文件结构，包括前后端代码的目录结构和各个文件的作用。 在模块设计中，文档详细说明了各个模块的设计思路、实现方式和交互流程。其中，登录管理模块通过 JWT 鉴权实现用户登录，角色权限管理模块通过 Shiro 实现用户权限控制，数据字典管理模块通过缓存技术实现字典数据的高效查询。文档还提供了详细的代码示例和开发注意事项，方便开发者自行开发新的模块。 总之，ruoyi-vue-pro 开发指南 pdf 是一份非常详细的开发文档，无论是已经使用过该系统的开发者，还是新手开发者都能够轻松地了解系统的架构特点和开发流程，快速上手进行开发工作。 ### 回答3： ruoyi-vue-pro 开发指南 pdf 是一本非常实用的指南手册，旨在帮助开发人员更好地理解和利用该开源项目。该指南详细介绍了 ruoyi-vue-pro 项目的核心功能和特点，以及如何在项目中运用这些功能来开发高效、易用的应用程序。 指南从项目的搭建和配置开始，包括项目依赖的环境、安装和配置开发工具的步骤，以及如何在项目中添加新的组件和插件等。接着，指南详细介绍了项目的各种功能和构架，包括如何使用路由、Vuex、Mock等功能来实现应用程序的交互和通信。 该指南在介绍每个功能和构架时，都提供了大量的代码示例和实用的技巧，使开发人员可以更加深入地了解和学习该项目的全部功能。此外，该指南还提供了一些常见问题的解答和调试技巧，帮助开发人员更加科学和高效地开发ruoyi-vue-pro项目。 总之，ruoyi-vue-pro 开发指南 pdf 是一本非常实用和详细的指南手册，对于希望学习和开发ruoyi-vue-pro项目的开发人员来说，是一本不可或缺的工具书。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值