因为今年尤大佬发布的Vue 3.0bete版,虽然一直想学习Vue使用,但一直受限于搭建Vue的过程中,现在有了可视化创建界面(前端越来越舒服了),大大方便了vue项目的搭建,只需要几分钟就好了。
1.首先的安装必备Node.js(跳过)
2.安装webpack相关
全局安装webpack,执行命令npm install webpack -g
全局安装webpack-cli,执行命令npm install webpack-cli -g
使用查看webpack版本的命令webpack -v(小写)
3.安装vue脚手架
npm install -g @vue/cli;或者yarn global add @vue/cli
4.启动 vue ui
a.一般不用勾选git仓库
b.选手动配置项目
c.选手Router, Vuex, 不用Linter(代码校验)
d.勾上需要历史记录模式
5.测试运行
成功创建项目后,点输出会有对应的链接,表示创建成功啦
6.当然可以在上面选择对应的插件(elementUI为例)
a.搜索,直接点右上角添加插件
b.安装
后话:当然自己想学vue的时候,搭建环境啥的,遇到了一些困难也花了几个小时百度,就想整理一篇比较完整的流程给小伙伴们,省去大家宝贵的时间,直接搭建直接跑起来,江湖见。