编译Vue项目的简单指南·版本·推荐使用默认预设除非你有特别的需求
编译Vue项目的简单指南
一、安装依赖
在开始之前，你需要在电脑上装好Node.js和npm。这两个东西是Vue CLI的好伙伴，没有它们，你的Vue项目就无法启动。- 安装Node.js和npm：
去Node.js官网下载并安装最新的LTS版本，npm会跟着一起安装。
验证安装：在命令行里输入`node -v`和`npm -v`，如果看到版本号，恭喜你，安装成功了！
- 安装Vue CLI：
在命令行输入`npm install -g @vue/cli`，这样Vue CLI就被安装到了全局。
验证安装：输入`vue -V`，如果显示版本号，那恭喜你，Vue CLI也安装好了！
二、配置项目
有了Vue CLI，接下来就是用它来创建和配置你的Vue项目了。- 创建Vue项目：
在命令行输入`vue create my-project`，然后根据提示选择预设或手动配置。
推荐使用默认预设，除非你有特别的需求。
- 进入项目目录：
创建项目后，用命令`cd my-project`进入项目文件夹。
- 了解项目结构和配置文件：
项目文件夹里有很多文件和目录，比如`src`（源代码）、`public`（静态资源）、`config`（项目配置信息）等。
如果你需要自定义构建配置，可以在根目录下创建一个`vue.config.js`文件。
三、运行编译命令
项目配置好了，就可以开始编译了。- 开发环境运行：
使用`npm run serve`命令启动开发服务器。
默认情况下，服务器会运行在`localhost:8080`，你可以在浏览器访问这个地址看项目效果。
- 生产环境构建：
当项目开发完毕，需要部署时，使用`npm run build`命令。
这会在项目根目录下生成一个`dist`文件夹，里面包含了所有生产环境的构建文件，可以直接部署到服务器上。
四、发布和部署
生产环境构建完成后，需要将文件发布到Web服务器上。| 部署方式 | 描述 |
|---|---|
| 静态文件服务器 | 将`dist`文件夹上传到Nginx、Apache等静态文件服务器的根目录，并配置服务器指向这个文件夹。 |
| 云服务部署 | 使用Netlify、Vercel等云服务平台，从Git仓库自动部署。 |
| 容器化部署 | 使用Docker将Vue项目容器化，创建Docker镜像并部署到Kubernetes等容器编排平台。 |