vue项目搭建
一、环境搭建
进入node官网下载，下载完成后进行安装（安装路径可以更改为自己想保存的地方）
https://nodejs.p2hp.com/
安装完成后验证NodeJs环境变量
node -v
配置npm的全局安装路径
使用管理员身份运行命令行以下指令：（双引号中填写入自己所下载node的路径）
npm config set prefix "D:\Node\nodeJS"
执行完成
验证其全局配置是否成功，执行以下指令
npm config get prefix
切换npm的淘宝镜像
- 提高下载速度：淘宝镜像位于国内，减少网络延迟，加快包的下载速度。
- 增强稳定性：国内服务器更稳定，减少因国际网络波动导致的问题。
- 节省流量：减少对海外服务器的请求，节省国际带宽流量。
- 兼容性和支持：定期同步 npm 官方仓库，确保获取最新包版本，并获得社区支持。
npm config set registry https://registry.npm.taobao.org
安装Vue-cli
npm install g @vue/cli
查看是否安装成功
vue --version
二、搭建vue框架
vue框架搭建
创建一个文件夹，进入后在上面地址栏中输入“cmd”
输入命令回车，将自动打开图形化界面... ...
vue ui
包管理器选择 "npm"
配置操作选择 "手动"
看这篇文章应该都是第一次配置，所以只选个常用的 "Router"，也可根据自己的需要选择
如果想体验vue2可以点击 "3x(默认)" 选择2，下方select 选择 "ESLint with error prevention only"，点击创建。
利用#Webstorm打开
使用Webstorm运行
点击 ："Edit configurations..."
点击 "npm" 进行新建
- Name：用于设置运行配置的名称，方便识别和管理不同的运行配置。
- package.json：指定项目的package.json 文件路径，该文件记录了项目的依赖项等重要信息。（通常不需要自己填写，webstorm会自动识别）
- Command：选择要执行的命令，这里显示“run”，是执行操作的指令类别选择。
- Scripte：选择具体要运行的脚本，图中“serve”通常用于启动Vue项目的本地服务。
"确定"
运行后，点击运行栏中链接
