vue开发环境搭建完整版

演示环境

系统:Windows 10(x64)

PowerShell执行权限配置

1、搜索 PowerShell,点击 "以管理员身份运行"

2、查看执行脚本的权限

指令:get-ExecutionPolicy

3、修改权限

指令:set-ExecutionPolicy RemoteSigned

Node.js 下载与安装

1、进入node.js官网

2、安装

3、打开 PowerShell ,输入指令查看版本

查看 node.js 版本:node -v

查看 npm 版本:npm -v

附加知识点

1、windows 平台 npm 全局指令错误提示问题处理

(1)以管理员身份运行 PowerShell

(2)安装 npm 更新工具:npm install --global --production npm-windows-upgrade

(3)启动npm更新,选择最新版本回车安装即可:npm-windows-upgrade

2、修改全局安装和缓存配置

修改 npm 全局安装位置:npm config set prefix "全局安装路径"

修改 npm 全局缓存位置:npm config set cache "全局缓存路径"

查看配置信息:npm config ls

最后修改环境变量,添加全局安装路径

配置 Node.js 安装源

打开 PowerShell

查看安装源:npm config get registry

设置成阿里的安装源:npm config set registry "https://registry.npmmirror.com"

Vue 脚手架安装

官网:cli.vuejs.org/zh/

1、打开 PowerShell,安装脚手架

指令:npm install -g @vue/cli

2、查看版本,检查是否安装成功

指令:npm -V

至此,Vue开发环境已搭建完毕,后续就可以:创建Vue项目 -> 下载相关依赖 -> 进行项目开发....

相关推荐
涔溪1 分钟前
Vue3常用的组合式API 超详细讲解
前端·javascript·vue.js
秋邱2 分钟前
AR + 离线 AI 实战:YOLOv9+TensorFlow Lite 实现移动端垃圾分类识别
开发语言·前端·数据库·人工智能·python·html
蜡笔小嘟2 分钟前
使用gemini 3 pro实现可视化大屏
前端·ai·gemini·gemini3peo
马玉霞7 分钟前
vue3很丝滑的table表格向上滚动效果,多用于统计页面
前端·vue.js
用户952081611798 分钟前
百度地图JSAPI THREE Label 组件使用指南,轻松实现地图标签渲染
前端
SVIP1115912 分钟前
webpack入门 精细版
前端·webpack·node.js
畅畅畅哥哥13 分钟前
Next.js App Router 实战避坑:状态、缓存与测试
前端·前端框架
一水鉴天15 分钟前
整体设计 定稿 之20 拼语言表述体系之3 dashboard.html完整代码
java·前端·javascript
一颗烂土豆15 分钟前
React 大屏可视化适配方案:vfit-react 发布 🚀
前端·javascript·react.js
Qinana15 分钟前
构建一个融合前端、模拟后端与大模型服务的全栈 AI 应用
前端·后端·程序员