首页 > 其他分享 >vue 开发环境安装

vue 开发环境安装

时间:2024-05-28 18:26:20浏览次数:22  
标签:Node npm vue JavaScript js 开发 安装

思考了很久,还是想学学vue,虽然不做前端好多年了,只会jq+layui, 挣扎了很久,还是想学习一下,接下来我做个学习笔记【我是初学者,有些错误的地方如果有大佬看到了还请指正】

首先,先到 https://nodejs.org/en 下载node,

下载完毕后,下一步,下一步,下一步,,知道安装完成。

然后打开cmd 输入 node-v ,npm -v 得到如下结果,就算node环境安装成功了【以前听说还要配置环境变量,现在我试了一下,不需要】

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,它允许您在服务器端运行 JavaScript 代码。Node.js 提供了一系列内置库,使您能够轻松地处理文件系统操作、网络通信等任务。Node.js 的主要特点包括非阻塞、事件驱动的 I/O 模型,使得它非常适合构建高性能的网络应用程序。

npm(Node Package Manager)是 Node.js 的包管理工具,用于安装、管理和发布 Node.js 模块。通过 npm,您可以轻松地安装第三方模块,管理项目的依赖关系,并将自己的模块发布到 npm 的仓库中供他人使用。npm 还提供了一系列命令,可以帮助您初始化项目、安装依赖、运行脚本等。

简而言之,Node.js 提供了 JavaScript 运行时环境,使得 JavaScript 可以在服务器端运行,而 npm 则是 Node.js 的包管理工具,用于管理 JavaScript 模块的安装和发布。这两者结合起来使得开发人员能够更加高效地构建和管理 JavaScript 应用程序。
Node和npm的介绍

 

 接下来输入命令   npm i -g @vue/cli   回车,等待安装vue脚手架

 安装结束后,输入命令 vue - V 就能看到Vue脚手架版本号了

 至此,vue脚手架安装完成。

标签:Node,npm,vue,JavaScript,js,开发,安装
From: https://www.cnblogs.com/INetIMVC/p/18218587

相关文章

  • 使用脚手架创建Vue程序
    首先,选好vue项目的存放地址,例如我存在了我电脑中d:\code\vue,打开cmd切到这个目录 输入vuecreatevuedemo,我选择的vue3,然后等待项目创建,如下:  创建成功后,切入到demo目录中,然后执行npmrunserve,项目就运行起来了 ......
  • vue2组件中监听vuex中state的值
    vue2组件中监听Vuex 中state的值可以使用 mapState。官网链接:mapGetters辅助函数仅仅是将store中的getter映射到局部计算属性。Getter|Vuex(vuejs.org)参考文档: 监听Vuex中的数据变化-资深if-else侠-博客园(cnblogs.com)Vuex入门(2)——state,mapState,...ma......
  • springboot+vue提高工作效率的市场摊位管理系统
    开发一个提高工作效率的市场管理系统,要解决的是,如何实现在界面不刷新的情况下获取后台返回的数据并显示在页面上,并做到不同权限的后台管理人员,登陆后界面显示其权限仅能操作的功能。通过自动化、数字化和智能化的管理流程,可以提高管理效率和市场服务质量,增强市场竞争力和可持续......
  • vue+uniapp框架开发的电影评分系统 微信小程序
    前端:vue语法,uniapp框架,微信小程序后端:springboot,java数据库:mysql环境:intellijidea,支持eclipse前端技术:Vue+elementui、Html、CSS语言框架:springbootjava+spring、mybatis、Springmvc数据库:mysql代码结构讲解如下config:主要用来存储配置文件,以及其他不怎么动用的信......
  • vue+java基于SpringBoot的私募基金投资管理系统的毕业设计
    当前,项目管理已然成为企业顺利高速发展的重要竞争手段,随着项目数量的增多,业务的复杂性、精确性要求提高,项目管理至关重要,对于私募基金管理项目这样风险性极高、业务复杂度极高的项目来说,更是需要进行规范化的项目管理以保证安全性、提高效率。功能1.   项目池管理模块项......
  • 微信小程序毕业设计-校园综合服务系统项目开发实战(附源码+论文)
    大家好!我是程序猿老A,感谢您阅读本文,欢迎一键三连哦。......
  • 微信小程序毕业设计-校车购票系统项目开发实战(附源码+论文)
    大家好!我是程序猿老A,感谢您阅读本文,欢迎一键三连哦。......
  • Vue笔记
    1、快速上手1)概念2)创建实例3)插值表达式{{}}插值表达式是一种Vue的模板语法。(1)作用:利用表达式进行插值,渲染到页面中表达式:是可以被求值的代码,JS引擎会将其计算出一个结果(2)语法:{{表达式}}<h3>{{title}}</h3><p>{{nickname.toUpperCase}}</p><p>{{age>=18?'成年':'未成年'......
  • 用ESP8266-NodeMCU开发板显示一下我的QQ头像
    诶,说好的自己写esp8266的开发板固件的我回来了。20年说好的,今天回来还愿了ESP8266串口WiFi模块-WiFi杀手今天我们把OLED显示屏也接上,我此次买的是4脚的OLED(128*64),不支持彩色显示的。NodeMCU开发板NodeMCU是一个开源的IoT物联网硬件开发板,由于它支持WIFI功能且使用方法十......
  • Docker安装Gitlab教程
     1、Gitlab介绍GitLab是一个用于代码仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的Web服务平台,GitLab比较适合公司内部的项目管理,用来管理项目成员、代码提交、项目运维。分为社区免费版和企业收费版,针对中小型公司推荐使用社区免费版,功能就够用了......