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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容