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项目 -> 下载相关依赖 -> 进行项目开发....

相关推荐
FoldWinCard13 分钟前
基于k8s高可用web集群
前端·容器·kubernetes
神探小白牙14 分钟前
海康视频在vue2.0中的使用
前端·音视频
Tanjia_kiki26 分钟前
谷歌浏览器中F12编辑并重发请求
开发语言·前端·javascript
honkun636 分钟前
vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总
前端·javascript·vue.js
新中地GIS开发老师1 小时前
WebGIS开发入门 | 从 Web 开发到地图开发,差别在哪儿?
前端·vue·webgis
逻辑01 小时前
安装 Claude Code 完整指南(用户级 Node.js 环境)
node.js·claude code
Wang's Blog1 小时前
Vibe Coding一人即团队系列54:云服务器 Node.js 与 MySQL 9 环境搭建及配置指南
服务器·人工智能·mysql·node.js
IMPYLH1 小时前
HTML 的 <p> 元素
前端·javascript·html
leoZ2311 小时前
第 4 篇:布局骨架——页面壳、栅格、卡片
前端·javascript·vue.js·opencv·计算机视觉·数据挖掘·语音识别