构建实用VUE3项目
使用Vite搭建Vue的TypeScript版本的时候，可以使用 Vite自带的模板预设 —— vue-ts 。
Vue0 和 Vue0 两个版本所对应的 Vue全家桶 模板，可根据项目需要自行选择。回车（ enter ）确认后，会输出：接下来就可以按照提示的命令进行操作：不出意外项目就成功启动了。
Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。使用 Vite 可以快速构建 Vue 项目。 Vite 需要 Node.js版本 10以上。
三种方法：推荐第三种 修改vueclie构建的npm源： 打开C：\Users\admin.vuerc文件 useTaobaoRegistry配置如果是true改为false就可以了，或者情况相反的改为true。
首先整个页面就是一级路由，通常会有登录页，报错页，主页之间的切换，这里也是做路由切换动画的主要地方。当顶部有导航菜单的时候红色框就是二级路由，以此类推绿色框就是三级路由。
安装Vue创建前端项目
使用Vue项目管理器，选择项目地址flask-vue根目录（上节运行flask示例的文件夹），创建新项目名称vue。根据具体需求选择创建条件完成项目创建，自动跳转至项目详情页。下一节Flask与Vue的关联。
在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
安装 vue-cli vue-cli 是官方提供的项目脚手架（可以看做类似服务端开发的maven用于构建的部分），用来进行项目构建等操作，后面我们会继续介绍。
这是一个前端使用vue，后台使用spring boot开发的论坛项目，旨在熟悉前后的开发技术，随做随记，记录一些知识要点。HBuilderX npm Vue 渐进式JavaScript 框架。
可以根据页面提示在服务器中找到该密码，输入如下命令：（ cat 命令后面的路径为页面上显示的标红文字，每个人的可能不一样）这一步，啥都不用做，慢慢等吧。。
vue项目创建和部署使用
可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。
检查node是否安装成功 为了更快安装，可以使用淘宝的镜像：http：//npm.taobao.org/ 在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
使用 npm install -g @vue/cli 全局安装vue 使用 vue -V 查看当前版本号 1 输入命令 vue create 项目名字 第一个放独立文件夹，第二个放package.json 填写项目描述 不用写。
你也可以通过 vue ui 命令以图形化界面创建和管理项目：图形化的界面就不需要多介绍了，有中文都能很好地使用。使用Vue项目管理器，选择项目地址flask-vue根目录（上节运行flask示例的文件夹），创建新项目名称vue。
步骤一： 可视化的形式创建vue项目： vue -V 。
项目使用vue-cli脚手架搭建，部署到nginx下 修改config.js下的index.js 修改nginx的配置文件nginx.conf 之后启动nginx访问即可。