WIndows平台安装前端开发环境

下载npm安装包

访问Node.js官网，下载64位WIndows安装包。

安装

正常安装软件，一直下一步即可。

设置运行环境

• 在d盘创建npm缓存文件夹，我建了个dev文件夹，里面除了放nodejs还放了HBuilderX。

mkdir -p d:\dev\nodejs\node_cache
mkdir -p d:\dev\nodejs\node_global
npm config set prefix "D:\dev\nodejs\node_global"
npm config set cache "D:\dev\nodejs\node_cache"

• 追加path环境变量
  将D:\dev\nodejs\node_global路径添加到环境变量path里面，然后重启。

使用国内源

• 用下面这种方式切换国内源比较彻底，下载所有包都走国内源。

npm i -g mirror-config-china --registry=https://registry.npm.taobao.org
mirror-config-china --registry=https://registry.npm.taobao.org

安装@vue/cli

npm i -g @vue/cli

测试创建uniapp项目

创建vue2项目

mkdir -p D:\dev\HBuilderProjects
cd D:\dev\HBuilderProjects
vue create -p dcloudio/uni-preset-vue test

项目创建完毕后执行下列命令测试是否成功：

cd test
npm run serve

浏览器打开http://localhost:8080/，出现Hello表示项目创建成功，正常运行。

创建vue3项目

• 安装uvm
  安装时的遇到下面2个问题的选择：
  Ok to proceed? (y) y
  ? Select Package Manager npm

npx @dcloudio/uvm

• 创建项目

npx degit dcloudio/uni-preset-vue#vite-ts test-vue
cd test-vue
npm install --force
npm run dev:h5