Node.js & Vue3 & VsCode安装配置

一、Node.js

1、node.js安装

以下命令可以在 cmd 或 powershell 中执行
官网：https://nodejs.org/en/download/
查看版本：
node -v
npm -v

2、迁移npm插件下载路径

npm的默认下载路径在C:\Users\dsx\AppData\Roaming\npm
首先在空间充足的磁盘创建如下文件夹
global 用于npm全局下载
cache 用于缓冲
npm config get prefix // 查看默认的npm安装路径

npm config set prefix D:\npm\global // 修改默认的npm全局安装路径

npm config get cache // 查看默认的npm缓存路径

npm config set cache D:\npm\cache // 修改默认的npm缓存路径

3、配置仓库地址

npm config get registry // 查看文件下载站点信息

// 将站点信息更换为国内的淘宝相关站点
npm config set registry https://registry.npm.taobao.org --global

二、Vue

1、安装脚手架

npm install @vue/cli -g //安装脚手架
vue -V //查看版本

创建项目

运行项目

三、VsCode

安装插件

Vetur

Prettier-Code formatter

{
    "semi": false,
    "singleQuote": true,
    "trailingComma": "none"
}

安装element-plus插件

npm install element-plus@2.2.6 -f