搭建一个vue3，ts，elementplus项目时，总有一些莫名其妙的问题项目创建完成之后，elemen文件srcpluginselementjs 这个文件是选择了按需导入，之后脚手架自动创建的脚手架在maints中引入的这个文件会报错，这时候我；原因是VueCLI版本的问题，Nodejs版本的问题，网络连接问题，本地环境问题1VueCLI版本的问题Vue3需要使用VueCLI450及以上版本，如果使用的是旧版本的VueCLI，可能会导致配置失败可以通过在终端中运行vueversion；这里说下 vuecli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便启动 vuecli 图形界面 然后；我测试使用的是脚手架2 有的时候当我们页面请求数据较慢的时候，我们就需要让页面有个加载进度条，让用户体验感更加友善；毕竟不是自己手动搭的脚手架，很多配置都是吃现成的，所以踩坑常用的事在config的indexjs文件夹里把host的值由localhost改为“0000”，然后就可以用手机浏览器ip+端口号打开了ps改配置文件就是重新npm start；没有 cd 进入到对应的文件夹吧，先学习 命令行使用，很多的命令需要先学会的，项目错误的话可以搜索答案的，程序员的问题搜索的话就找到答案了，可以看这个文章。

建立一个储存vue项目的文件夹 在该文件夹目录下的终端输入npm install global vuecli下载全局vueclivuecli是vuejs的脚手架，用于自动生成vuejs+webpack的项目模板输入vue init webpack timeattendancetimeatte；更改参数配置即可vuejs开发，前端完全模拟后端接口，实现前端完全独立开发基于vuecli3 脚手架搭建前端页面，jsonserver配置模拟api数据接口vuecli3按官方文档配置即可jsonserver，在项目src文件夹下新建jsonserver；目前在市面上存在很多脚手架，如createreactappvuecli我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率但是我们会面临一个问题，除了脚手架帮我们创建好的项目框架，我们的项目总有。

创建Vue项目，可以用官方的脚手架，请参考官方文档vuecli 指令就是在HTML标签上以v开头的属性，比如vfor， vif等以及自定义指令Vue会根据指令去执行相应的操作，自定义指令就执行自定义的操作详细请参考官文档；所以在文件引入的时候就可以直接写模块名，不需要填写相对路径当然写也可以，但是，搭建脚手架后，indexjs 文件在 srcrouter 下面，所以将mainjs 里面引入vuerouter 的路径修改为 router ，就解决了错误；需要先安装nodejs网页链接如果安装后仍然不能运行，就是自动配置环境变量失败了，需要手动配置环境变量网页链接；私认为Yeoman的Generators是天生的提供脚手架的工具，如果用webstorm新建Yeoman项目，就可以找到一些有关react的脚手架。

重新新建项目，不要用npm，用yarn试下；npm install g cnpm registry= 第一次使用vue项目管理器的时候，遇到的问题vue cli脚手架安装失败，导致无法启用 vue项目仪表盘 解决的办法把原本的命令换为cnpm i g @vuec；1版本问题Vue脚手架更新比较快，如果使用的是旧版本的脚手架，会导致创建的文件不全可以尝试升级到最新版本的Vue脚手架，再重新创建项目2安装问题如果在安装Vue脚手架时出现问题，会导致创建的文件不全可以尝试。

输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用 npm run serve 命令并不会自动。