首页 > 编程语言 >新员工入职,前端基础环境变量的配置!node、nvm、vue-cli的安装和下载

新员工入职,前端基础环境变量的配置!node、nvm、vue-cli的安装和下载

时间:2023-04-12 15:00:11浏览次数:50  
标签:node 入职 vue 版本号 版本 nvm 安装

1.安装nvm及配置

  首先下载nvm不要下载node,如果电脑已经有node的话需要卸载node,并使用命令提示符来查看node的位置(where node)手动删除

  nvm下载链接:https://nvm.uihtm.com/

  下载最新版本,next傻瓜式操作(需要注意的是)

选择node.js文件位置,如果需要更改,请在这里进行更改位置。

2.安装完成检查

  nvm -v

显示出版本号即可,如果没有显示版本号就需要配置环境,跟node配置系统环境相同(将nvm目录地址添加到系统环境PATH中然后保存就可以了)

现在你可以使用nvm list 来查看在nvm控制之下的所有版本的node

nvm list  输入完成之后你会发现 欸 是空的 ,因为你没有下载任何node版本

3.下载node版本

使用  nvm list available  命令来显示所有可下载版本的node

使用  nvm install latest  安装最新版本的node

使用  nvm install 版本号 来安装指定版本的node

安装完成后就可以使用nvm list 来查看自己安装的所有的node版本了

版本号之前的携带* ,说明正在使用,这个时候是没有*号的,所以需要指定版本

使用  nvm use 版本号 来指定node版本

再输入 nvm list 就可以看到 携带*号的node了

使用 命令提示符  node  -v查看node版本,npm -v查看npm版本 如果都出来了那么你已经完成了安装

4.vue-cli的安装和配置

使用  npm install -g @vue/cli  命令进行vue-cli的全局安装

安装完成后 使用vue -V  来查看是否安装成功,如果出现版本号就说明安装成功

在选定的文件夹内,点击地址栏。输入cmd,打开指定位置的命令提示符。

使用vue create demo 来建立一个vue项目

按照个人需求置配,执行cd demo  和 npm run  serve运行项目

标签:node,入职,vue,版本号,版本,nvm,安装
From: https://www.cnblogs.com/shengjiangMock/p/17309660.html

相关文章

  • centos7部署nodejs脚本
    在服务器运行nodejs脚本中,遇到三个问题,进行记录1.用到sharp依赖,但是在服务器上安装不成功,依赖会从github上下载不下来解决:设置使用sharp对应的镜像地址npmconfigsetsharp_binary_host"https://npmmirror.com/mirrors/sharp"npmconfigsetsharp_libvips_binary_host"ht......
  • vue项目中发布新版本线上自动清缓存
    背景最近项目更新频繁,每次一更新客户都说还跟之前的一样。一查原因是因为客户没有清空浏览器的缓存。所以为了方便客户看到最新版本,开始调研再发布新版本后自动清理缓存。方案每次打包后的js和css都加上hash值后缀。当文件发生改变时,hash值也改变。这样就不会走缓存举个例子v......
  • 用Abp实现两步验证(Two-Factor Authentication,2FA)登录(二):Vue网页端开发
    @目录发送验证码登录退出登录界面控件获取用户信息功能项目地址前端代码的框架采用vue.js+elementUI这套较为简单的方式实现,以及typescript语法更方便阅读。首先添加全局对象:loginForm:登录表单对象twoFactorData:两步验证数据,showTwoFactorSuccess:是否显示两步验证成......
  • Vue3+element-plus封装文字超出一行,省略号显示,鼠标悬浮展示全部
    1.组件封装<template><el-tooltipeffect="dark":disabled="isShowTooltip":content="content"placement="top"><p:class="['line1',className]"@mouseover="onMouseOver(refNa......
  • Vue.js 路由的props配置
    视频index.js(解构赋值,连续解构赋值)Message.vue7.路由的props配置​ 作用:让路由组件更方便的收到参数{ name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法:props值为对象,该对象中所有的key-value的组合最终都会通过props传给Detail组件 //pr......
  • nodejs连接mysql数据库
      https://www.cnblogs.com/hechunfeng/p/17308654.html这个是安装数据库   1.我们先建一个表和插入一下字段,这些都是自己弄的    2.安装npminstallmysqlconst{createPool}=require('mysql');constpool=createPool({host:"localhost",......
  • vue属性之监听属性(watch)
    目录简介语法示例简介当一个变量的值发生变化时,执行对应的函数语法#在属性中添加watch属性,并以需要监听变量的名字进行定义函数data:{show:'abc'}watch:{show(){我是函数内容}}示例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8">......
  • vue项目通过外部配置文件读取接口地址- 在webpack-index.html模板中使用环境变量
    概述:在index.html模板中判断当前环境,处于开发环境下时读取process环境变量、处于生产环境下时读取根目录配置文件(./config.js),两种环境下将配置统一挂载到window全局变量上(SET_CONFIG)config.jswindow.SITE_CONFIG={appTitle:'系统测试',version:'1.0.0',apiURL:''......
  • vue之组件
    目录简介全局组件语法示例局部组件语法示例组件间通信父子页面通信之父传子语法示例组件通信之子传父语法示例使用ref进行父子组件通信方法示例动态组件(component)普通方法实现使用组件component实现动态组件相关keep-alive组件之插槽(slot)匿名插槽具名插槽简介组件(component......
  • 全网最详细中英文ChatGPT-GPT-4示例文档-场景问题智能生成从0到1快速入门——官网推荐
    目录Introduce简介setting设置Prompt提示Sampleresponse回复样本APIrequest接口请求python接口请求示例node.js接口请求示例curl命令示例json格式示例其它资料下载ChatGPT是目前最先进的AI聊天机器人,它能够理解图片和文字,生成流畅和有趣的回答。如果你想跟上AI时代的潮流......