前端学习教程-环境配置

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