vue、node开发过程中的相关指令【持续更新】

npm安装教程

修改npm的缓存地址（默认在C盘下）：

// 先在指定位置建好目录
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

安装淘宝镜像（cnpm）：

npm install -g cnpm --registry=https://registry.npm.taobao.org

或直接配置npm源为淘宝镜像，修改后每次npm xxx 实为从淘宝镜像下插件：

npm config set registry https://registry.npm.taobao.org

// 可用下面方式来检查是否成功
npm config get registry

全局安装vue-cli：

npm install -g @vue/cli

// 检查是否成功
vue --version

全局安装vue-router：

npm install vue-router -g

安装webpack：

// webpack4以后webpack和webpack-cli分开，-g全局安装
npm install webpack webpack-cli -g

// 局部-D安装依赖
npm install webpack webpack-cli -D

webpack其他依赖：

// 本机起服务
npm install --D webpack-dev-server

// 配置合并
npm install --D webpack-merge

安装babel：

npm i babel-loader @babel/core @babel/preset-env -D

react还需：

npm i @babel/preset-react -D

安装vite

npm create vite@latest my-vue-app --template vue
npm create vite@latest my-vue-app --template vue-ts

cd projectName  //进入工程项目文件夹
npm install          //安装项目依赖
npm run dev       //运行项目

安装nuxt

vue init nuxt-community/starter-template projectName