vue2静态网站使用vue-cli打包以及github部署

目录

1.首先使用vue2创建一个项目需要进行如下步骤：

1.1安装 Node.js 和 npm/yarn：

1.2.创建新项目：

1.3 npm run serve

2.进行项目打包

问题1： router-view中的内容显示不出来，路由history模式。

问题2：音频文件播放不了

3.github部署

3.1安装git

3.2新建仓库repository

3.3克隆仓库

3.4上传

---

---

1.首先使用vue2创建一个项目需要进行如下步骤：

        window+R打开命令行输入cm的，或者在文件里面直接输入cmd再按回车

1.1安装 Node.js 和 npm/yarn：

确保你的开发环境中安装了最新版本的 Node.js，以及 npm 或 yarn 包管理器。

安装 Vue CLI： Vue CLI 是 Vue 的官方命令行工具，用于快速创建 Vue 项目。通过以下命令全局安装 Vue CLI：

终端：

npm install -g @vue/cli

1.2.创建新项目：

使用 Vue CLI 创建新项目。运行以下命令并按照提示操作：

终端：

vue create my-project

其中 my-project 是你项目的名称。如创建项目my_project：

选择vue2回车创建：

创建成功显示如下：

1.3 npm run serve

然后按顺序执行下面两条指令，可以运行查看创建的项目：

cd my_project(也就是你的项目名)   //进入项目文件夹
npm run serve    //运行

会生成：

点击可在浏览器查看。

使用vscode打开查看