【实用工具系列】(3) 创建VUE项目工程

---

前言

由于频繁的更换环境，每次都要重新配置npm，很麻烦。下面记录一下配置过程，以备不时之需。

---

一、安装nodejs

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

二、配置npm

1.默认配置

代码如下（示例）：

> npm config ls
; node bin location = D:\DevelopTools\node-v16.14.2-win-x64\node.exe
; cwd = D:\workspace
; HOME = D:\home\chen
; Run `npm config ls -l` to show all defaults.

2.添加新的配置项

代码如下（示例）：

> npm config set registry=https://registry.npm.taobao.org
> npm config set strict-ssl=false

这里主要解决网络问题。

配置后如下所示：

> npm config list
; "user" config from D:\home\chen\.npmrc

registry = "https://registry.npm.taobao.org/"
strict-ssl = false

; node bin location = D:\DevelopTools\node-v16.14.2-win-x64\node.exe
; cwd = D:\workspace
; HOME = D:\home\chen
; Run `npm config ls -l` to show all defaults.

三、创建VUE项目工程

1.创建项目工程

代码如下（示例）：

> npm init vue@latest
Need to install the following packages:
  create-vue@latest
Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework

√ Project name: ... vue-project01
√ Add TypeScript? ... No / Yes
√ Add JSX Support? ... No / Yes
√ Add Vue Router for Single Page Application development? ... No / Yes
√ Add Pinia for state management? ... No / Yes
√ Add Vitest for Unit Testing? ... No / Yes
√ Add Cypress for both Unit and End-to-End testing? ... No / Yes
√ Add ESLint for code quality? ... No / Yes

Scaffolding project in D:\workspace\vue-project01...

Done. Now run:

  cd vue-project01
  npm install
  npm run dev

---

总结

在使用npm时，网络连接的问题一直都是硬伤。痛苦啊。

---

仅供参考，如有帮助不胜荣幸，如需转载请注明出处。
请关注、点赞、收藏。