Vue-cli安装以及创建项目

392 阅读1分钟

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

原因:因为在此系统上禁止运行脚本

解决:

  1. 点击“开始”单击“ Windows PowerShell”然后右键点击Windows PowerShell,单击“以管理员身份运行”即以管理员身份启动
  2. 右键单击如下图图标选择管理员那个运行
  3. 最后运行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