修改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