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

相关推荐
AI大模型顾潇28 分钟前
[特殊字符] 本地大模型编程实战(29):用大语言模型LLM查询图数据库NEO4J(2)
前端·数据库·人工智能·语言模型·自然语言处理·prompt·neo4j
工业互联网专业30 分钟前
基于springboot+vue的医院门诊管理系统
java·vue.js·spring boot·毕业设计·源码·课程设计·医院门诊管理系统
九月TTS1 小时前
TTS-Web-Vue系列:Vue3实现内嵌iframe文档显示功能
前端·javascript·vue.js
爱编程的小学究1 小时前
【node】如何把包发布到npm上
前端·npm·node.js
我爱加班、、1 小时前
Chrome安装最新vue-devtool插件
javascript·vue.js·chrome·vue-devtool
weixin_473894771 小时前
前端服务器部署分类总结
前端·网络·性能优化
LuckyLay2 小时前
React百日学习计划-Grok3
前端·学习·react.js
澄江静如练_2 小时前
小程序 存存上下滑动的页面
前端·javascript·vue.js
2501_915373882 小时前
全栈项目实战:Vue3+Node.js开发博客系统
node.js
源码方舟2 小时前
基于SpringBoot+Vue的房屋租赁管理系统源码包(完整版)开发实战
vue.js·spring boot·后端