前端学习教程-环境配置

1 安装nvm(下载地址：https://github.com/coreybutler/nvm-windows/releases)

2.查看node和npm版本

3.配置npm registry

4.安装VSCode（https://code.visualstudio.com/）

5.VSCode安装插件：Live Server、Vue - Official

6.VSCode中配置Vue3模板代码

"vue3": {"prefix": "vue3","body": ["<template>","  <div class=\"\">","","","","","  </div>","</template>","<script setup lang=\"ts\">","import {ref,reactive} from \"vue\"","","","","",            "</script>","<style lang=\"scss\" scoped>","","","","","</style>",""],"description": "快速创建vue3模板"}

7.相关指令

# 查看nvm版本
nvm -v# 查看可用的node版本
nvm list available# 安装node 20.18.0
nvm install 20.18.0# 使用node
nvm use 20.18.0# 查看已经安装的node版本
nvm list# 查看node版本
node -v
# 查看npm版本
npm -v
# 查看nvm版本
nvm -v# 配置国内淘宝镜像源
npm config set registry https://registry.npmmirror.com/# 查看镜像源
npm get registry