vue-cli搭建项目脚手架

环境准备

安装Nodejs

确保你的开发环境中已安装Node.js。Vue CLI依赖于Node.js，你可以从Node.js官网下载并安装。

安装Vue CLI

打开终端（或命令提示符），使用npm（Node Package Manager）全局安装Vue CLI。运行命令：npm install -g @vue/cli

创建Vue项目

使用Vue CLI创建一个新项目

vue create my-vue-app

创建过程中，Vue CLI会询问你一些配置选项，如选择一个预设（Manually select features）、选择一个配置（Babel, TypeScript, etc.）、是否使用历史模式路由等。你可以根据需要选择或跳过这些步骤。

运行项目

npm run serve

在浏览器中访问http://localhost:8080/来查看。

开发你的应用

现在，你可以开始开发你的Vue应用了。所有的组件和页面都位于src目录下。你可以编辑src/App.vue来开始你的开发。

构建项目

当你准备好部署你的应用时，可以使用以下命令来构建生产环境的代码：

npm run build

构建后的文件将位于dist目录下，你可以将这个目录下的文件部署到任何静态文件服务器上。