首先全局安装Vue Cli。

npm install -g @vue/cli

创建一个新项目，请运行：

vue create project-name

运行Vue

npm run serve 

Vue CLI >= 3使用相同的vue二进制文件，因此会覆盖Vue CLI 2 (vue-cli)。如果您仍然需要旧版的vue init功能，则可以安装全局桥接程序：

全局安装Vue Init

npm install -g @vue/cli-init

vue init现在与vue-cli@2.x完全相同

Vue创建应用程序

vue init webpack my-project

运行开发者服务器

npm run dev

1. npm run build - 这将会压缩和缩小代码

2. 保存 index.html 和 dist 文件夹到你的网站根目录。

3. 你可能会感兴趣的免费托管服务 -- Firebase 托管。

如果你在创建项目时使用了vue-cli和webpack，那么你只需要在命令行中运行npm run build命令，它会在你的项目中创建dist文件夹。只需上传此文件夹的内容到你的ftp，然后就完成了。

我认为你可以使用vue-cli

如果您正在使用Vue CLI以及处理静态资源作为部署的后端框架，您所需要做的就是确保Vue CLI在正确的位置生成构建文件，然后按照您的后端框架的部署说明进行操作。

如果您将前端应用程序与后端分开开发 - 即您的后端为前端公开API进行通信，则您的前端实际上是一个纯静态应用程序。您可以将构建内容部署到任何静态文件服务器中的dist目录中，但请确保设置正确的baseUrl。

如果您想为一个域名创建构建，可以使用$ npm run build命令。
如果要为子域名构建，请按照以下说明操作：

1. 在根目录下创建一个名为vue.config.js的文件
2. 在vue.config.js文件中写入以下代码：

module.export = {
  publicPath: '/demo-project',
}

3. 现在运行 $ npm run build

注意：请使用您的子域名代替“/demo-project”。

不使用VUE-CLI的一种方法是将所有脚本文件捆绑成一个大的js文件，然后将该大而臃肿的javascript文件引用到主模板文件中。

我更喜欢使用webpack作为打包工具，并在项目的根目录中创建一个webpack.conig.js文件。所有配置，如入口点、输出文件、加载器等都存储在该配置文件中。之后，我在package.json文件中添加一个脚本，该脚本使用webpack.config.js文件进行webpack配置，并开始监视文件并在webpack.config.js文件中指定的位置创建一个Js捆绑文件。

如果您正在使用npm，可以使用npm run build，但如果您正在使用yarn，则可以简单地运行yarn build。

这个命令是用来启动开发服务器的：

npm run dev

这个命令是用于生产环境构建的：

npm run build

请确保查看并进入名为“dist”的生成文件夹。
然后开始将所有这些文件推送到您的服务器。

如果你想要构建并发送到远程服务器，可以使用 cli-service（https://cli.vuejs.org/guide/cli-service.html）。你可以创建任务来提供服务、构建和部署，还可以使用一些特定的插件，如 vue-cli-plugin-s3-deploy。