在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_toops\nodejs\node_cache"
     

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

     npm config  set prefix "D:\develop_toops\nodejs\node_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