脚本宝典收集整理的这篇文章主要介绍了在windows环境下搭建Vue开发环境，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在windows环境下搭建Vue开发环境

步骤

1. 安装node.js

   • 访问node.js中文网-->下载
   • 选择xxxx-x64.msi。
   • 安装node.js
   • 呆瓜式安装

2. 设置node的全局和缓存路径

   • 在安装目录下新建两个文件夹：node_cache; node_global

   • 设置缓存路径：

     npm config  set cache "D:develop_toopsnodejsnode_cache"
     

   • 设置全局模块的存放路径

     npm config  set prefix "D:develop_toopsnodejsnode_global"
     

3. 安装淘宝镜像

   npm install -g cnpm --registry=https://registry.npm.taobao.org
   

4. 设置环境变量

   path增加：nodejs安装路径/node_global

   新建：NODE_PATH: nodejs安装路径/node_modules

   详见视频：如何在Windows下搭建Vue4.X开发环境_哔哩哔哩_bilibili

5. 安装Vue

   • 需要先关闭命令行窗口。再次打开cmd（以管理员身份运行）
   • 执行安装命令
   • cnpm install vue -g

6. 安装Vue-cli脚手架

   • 执行：npm install -g vue@cli
   • 如果上一步执行报错,执行这两个
     • npm i @vue/cli -g
     • cnpm i @vue/cli -g

7. 创建一个Vue项目

   • vue create first
   • cd first
   • npm run serve

脚本宝典总结

以上是脚本宝典为你收集整理的在windows环境下搭建Vue开发环境全部内容，希望文章能够帮你解决在windows环境下搭建Vue开发环境所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。