vue使用说明

---

安装node：

新建node、nodeEnv文件夹
安装nodejs时指定node为安装路径

修改npm全局默认安装路径：

新建文件夹：
   在nodeEnv下面新建npm文件夹，在npm下面新建cache和global文件夹
修改配置：
   npm config set cache "D:\nodeEnv\npm\cache"
   npm config set prefix "D:\nodeEnv\npm\global"
修改环境变量：
   在path中将prefix的路径修改为配置的新路径，默认是：C:\Users\Administrator\AppData\Roaming\npm

修改npm默认镜像：

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

修改pnpm全局默认安装路径：

安装pnpm：
   npm install -g pnpm
   pnpm setup
新建文件夹：
  在nodeEnv下面新建pnpm文件夹，在pnpm下面新建store文件夹
修改环境变量：
  将PNPM_HOME修改为： D:\nodeEnv\pnpm
修改配置：
  pnpm config set store-dir D:\nodeEnv\pnpm\store

---

vue使用：

新建vue2、vue3文件夹，作为vue2、vue3项目集合

---

vue2：

• 在vue2文件夹下安装vue2脚手架

npm install vue-cli

• 修改环境变量

新建环境变量VUE_HOME：D:\project\vuePro\vue2\node_modules.bin
将VUE_HOME加入path路径：%VUE_HOME%

• 创建vue2项目

vue init webpack pro2_1

• 进入项目，安装本地依赖包

cd pro2_1
npm install xxx

---

vue3：

• 在vue3文件夹下安装vue3脚手架

npm install @vue/cli

• 替换环境变量VUE_HOME：D:\project\vuePro\vue3\node_modules.bin
• 创建vue3项目：

vue create pro3_1

• 进入项目，安装本地依赖包

cd pro3_1
npm install xxx

---