windows搭建vue环境

合集 - 环境配置(6)

1.下载安装Gradle2024-04-24

2.windows搭建vue环境2024-04-25

3.pycharm学生邮箱认证2024-05-234.pycharm导入github的项目2024-05-235.windows在anaconda中下载安装fasttext2024-05-316.pycharm切换conda环境2024-06-17

收起

一、安装node.js

• vue.js 是通过webpack来打包，而webpack 又基于npm，npm需要nodejs环境。
  参考链接：vue为什么需要nodejs 的环境
  node.js官方下载地址：https://nodejs.org/en/download
  
  node.js的历史版本下载地址：https://nodejs.org/dist/
  MSI是Microsoft软件安装软件包文件，直接双击即可运行的。
• 检测path环境变量是否配置了node.js：win+R输入cmd，输入命令path，输出结果中存在nodejs目录。
• 使用node -v检查node.js版本。下载好的nodejs自带npm，所以可以无需安装npm，但是国外源访问速度较慢，建议更换国内镜像。
  

二、更换淘宝npm镜像

• 安装命令：npm config set registry https://registry.npmmirror.com
• 验证命令：npm config get registry，如果返回https://registry.npmmirror.com，说明镜像配置成功。
  还可以选择别的国内镜像加速，参考链接：npm使用国内镜像加速的几种方法

三、更改默认缓存

• npm的默认缓存一般在C盘，现希望将全局模块所在的路径和缓存路径放在node文件夹中。在安装node.js的文件夹中手动创建两个文件夹node_global和node_cache。
  
• 在cmd中执行npm config set prefix D:\xxxx\node_global和npm config set cache D:\xxxx\node_cache进行设置，并使用npm config get prefix和npm config get cache进行查看。
  
• 设置环境变量。在系统环境下点击新建，输入变量名NODE_PATH，变量值为node安设置的node_global下的node_modules。
  
  找到用户变量下的Path，将默认的全局变量修改为自己设置的node_global路径。
  

四、使用npm创建vue

npm create vue@latest，按照提示选择自己需要的信息，当看到命令行中提示项目构建完成，则表示已经创建好一个vue应用了。