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 脚手架安装
1、打开 PowerShell,安装脚手架
指令:
npm install -g @vue/cli
2、查看版本,检查是否安装成功
指令:
npm -V
至此,Vue开发环境已搭建完毕,后续就可以:创建Vue项目 -> 下载相关依赖 -> 进行项目开发....
转载自:https://juejin.cn/post/7337205293775241256