Visual Studio Code安装VUE 3.0项目及环境搭建

本文介绍了如何在Visual Studio Code(VS Code)上安装和配置Node.js,设置全局模块路径,安装Vue及Vue CLI。接着,通过淘宝镜像源安装相关依赖,并添加VS Code的中文语言包和Vetur扩展,以支持Vue开发。最后,解决Vue模板下载问题并完成项目部署。
摘要由CSDN通过智能技术生成

为VS Code安装 Node.JS 并安装部署VUE 及开发脚手架,之后部署第一个demo项目

1. Node.js 官方网站下载Node.js,选择稳定版下载,不要选择最新版

        Node.js (nodejs.org)

2.

 2. 下载后开始安装,我的安装目录为:C:\Coding\nodejs

因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便日后管理,所以我配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache

3. 设置配置变量

    npm config set prefix C:\Coding\nodejs\node_global

    npm config set cache C:\Coding\nodejs\node_cache

4.配置环境变量:

配置环境变量,Win11系统如下:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值