Vue-cli
1,Vue-cli安装
1. 命令:
- 安装:
npm install -g @vue/cli - 升级:
npm update -g @vue/cli - 检查:
vue --version
2.安装异常处理:
报错:无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1
原因:因为在此系统上禁止运行脚本
解决:
- 点击“开始”单击“ Windows PowerShell”然后右键点击Windows PowerShell,单击“以管理员身份运行”即以管理员身份启动
- 右键单击如下图图标选择管理员那个运行
- 最后运行powershell(管理员身份) 输入 set-ExecutionPolicy RemoteSigned
2, 创建项目
1.命令:
vue create "projectname"
根据项目选择依赖和工具
略
创建完成,运行项目
命令:npm run serve
根据地址(在线/本地)浏览
创建项目异常处理:
报错:command failed: npm install --loglevel error --legacy-peer-deps
报错:Skipped git commit due to missing username and email in git config, or failed to sign commit. You wi
解决:npm i coa
原因:git没有配置用户名和邮箱
解决:终端配置自己的git用户名和邮箱
git config --global user.name "username"
git config --global user.email "email"
3, 项目打包及部署
项目打包命令:npm run build
部署:将vue项目dist目录部署到服务器上
安装静态文件服务器:
npm install -g serve
在dist下通过serve命令部署
cd dist
serve