• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

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

开发技术 开发技术 3小时前 2次浏览

在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开发环境
喜欢 (0)