VsCode创建VUE项目

1. 首先安装Node.js和npm

通过网盘分享的文件:vsCode和Node(本人电脑Win11安装)

链接: https://pan.baidu.com/s/151gBWTFZh9qIDS9XWMJVUA 提取码: 1234

它们是运行和构建Vue.js应用程序所必需的。

1.1 Node安装,点击下一步即可

1.2 设置Node的环境变量

1.3 修改npm配置

安装成功后,npm安装的全局模块和缓存默认安装在C:\Users\用户名\AppData\Roaming\npm文件夹里,这里可以进行路径更改,统一放在我们的Nodejs安装文件夹里,新建两个文件夹

复制代码
以下命令都是在Win+R,cmd中运行:
# 设置 npm 全局安装包的存储路径为 "D:/Soft/Node/node_global"
# 后续使用 npm install -g 命令安装的全局包都会存放在此路径下
npm config set prefix "D:/Soft/Node/node_global"

# 设置 npm 的缓存路径为 "D:/Soft/Node/node_cache"
# npm 在下载和管理包时会将缓存文件存放在该路径
npm config set cache "D:/Soft/Node/node_cache"

# 设置 npm 的包注册表为淘宝的镜像地址
# 使用淘宝镜像可以加快国内网络环境下 npm 包的下载速度
npm config set registry http://registry.npm.taobao.org

# 全局安装 cnpm 包,并指定使用淘宝的镜像地址进行下载
# cnpm 是淘宝定制的 npm 客户端,和 npm 命令用法基本一致,但使用淘宝镜像源
npm install -g cnpm --registry=http://registry.npm.taobao.org




注意事项
目前淘宝的 npm 镜像已迁移至 https://registry.npmmirror.com,
所以建议将 http://registry.npm.taobao.org 替换为 https://registry.npmmirror.com 
以保证后续使用的稳定性。
当你修改了 prefix 路径后,可能需要手动将新的全局安装路径(D:/Soft/Node/node_global)
添加到系统的环境变量 PATH 中,这样系统才能正确找到全局安装的命令。

安装Vue脚手架vue-cli

npm install -g @vue/cli-init

npm install -g @vue/cli

安装完成后,通过在终端中运行 node -vnpm -v 来验证安装。

相关推荐
Magnum Lehar2 小时前
ApophisZerg游戏引擎项目目录展示
人工智能·vscode·编辑器·游戏引擎
可爱的秋秋啊2 小时前
vue3,element ui框架中为el-table表格实现自动滚动,并实现表头汇总数据
前端·vue.js·笔记·elementui
HED5 小时前
VUE项目发版后用户访问的仍然是旧页面?原因和解决方案都在这啦!
前端·vue.js
清风细雨_林木木6 小时前
Vue开发网站会有“#”原因是前端路由使用了 Hash 模式
前端·vue.js·哈希算法
局外人LZ7 小时前
前端项目搭建集锦:vite、vue、react、antd、vant、ts、sass、eslint、prettier、浏览器扩展,开箱即用,附带项目搭建教程
前端·vue.js·react.js
宝拉不想努力了7 小时前
vue element使用el-table时,切换tab,table表格列项发生错位问题
前端·vue.js·elementui
敖行客 Allthinker9 小时前
VS Code 智能代理模式:重塑开发体验
vscode·代理模式
神仙别闹9 小时前
基于VUE+Node.JS实现(Web)学生组队网站
前端·vue.js·node.js
界面开发小八哥10 小时前
Java开发工具IntelliJ IDEA v2025.1——全面支持Java 24、整合AI
java·ide·人工智能·intellij-idea·idea
PyAIGCMaster10 小时前
Vscode已经打开的python项目,如何使用已经建立的虚拟环境
ide·vscode·python