如何创建VUE3项目？

我来新公司的第一个任务就是把用uniapp开发的小程序，把某个大模块抽离出来用H5开发。

说真的，去年毕业到现在，我都没有正儿八经的用vue开发过项目，我都是用uniapp进行开发（一套代码，可以编译成安卓和ios,很方便很快速，但是其中的兼容性问题也是有的。)

所以一进公司，我感觉我算是遇到挑战了～

那么话不多说，我们先来搭建框架吧！

首先，先查看你的vue版本，如果是vue3 ，那么久可以直接创建项目，如果你之前安装的是vue2，那你可能需要多操作几步，把vue2给删掉，安装vue3

查看vue版本号,这里提一下，百度上一大堆说用vue -V 的，查出来的是vue/cli的版本号

然后也有说用npm list vue ,在我这里不行（难受）

最后看了评论说，在命令的最后加-g

 

所以我目前的版本是vue2

删除vue2，安装vue3（这里我踩了个坑，我就是死活卸载不掉vue2),npm uninstall vue-cli -g、 npm uninstall -g @vue/cli都不行，最后我是直接找到目录进行删除，把这些文件手动删除掉

/usr/local/bin/vue-ini
/usr/local/bin/vue-list
/usr/local/bin/vue

/usr/local/lib/node_modules/vue-cli/bin/vue
/usr/local/lib/node_modules/vue-cli/bin/vue-init
/usr/local/lib/node_modules/vue-cli/bin/vue-list

 然后 vue -V查看一下有没有成功 

 现在安装vue3

查看一下是否安装成功，接着就可以创建项目了

 

接下来就是一些配置选择

 

选择3进行手动的配置，根据项目需要选择需要的配置（这里选择就用数字键去选）

 

 Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由（通过调用浏览器提供的接口）

vue项目有2种模式：hash模式 、history模式
理论上使用2种模式都可以，但实际上，使用 history模式 更适合一些，主要有以下2点原因。
① url美观问题，hash显然是不美观的。
② 微信分享、支付等，需要将url作为参数传递，会将字符 # 后的字符串截断，即：会丢失#后的内容

询问你是否将这些配置保存成你的预设，我是直接no

然后vue/cli手脚架就会帮你拼命创建项目啦～

 运行这两条命令就可以跑起项目，然后就可以愉快的编程了 

 运行成功访问 http://localhost:8080/

创建Vue3项目到此完成，写文章仅是想方便自己以后查看和帮助有需要的人，如有什么不对的地方，欢迎指出