vue入门之认识vue-cli和vue-ui

avatar 2019年04月28日14:11:25 6 3474 views
博主分享免费Java教学视频,B站账号:Java刘哥 ,长期提供技术问题解决、项目定制:本站商品点此

一、安装 vue-cli 工具

通过 vue --version 查看版本,如果已经安装了较低版本如2.9.6版本,先卸载
npm uninstall -g vue-cli
然后再重新安装
npm install -g @vue/cli
查看版本
vue --version
3.6.3

二、vue-cli创建项目

1.在终端输入命令
vue create hello-vue
2.选择默认的组件包,还是自己手动选择。通过上下箭头切换,enter 键确定。
这里选 Manually select features 手动选择

3.选择组件,上下切换,按空格键选择,回车键键确定

4.是否选择历史,Y
5.CSS处理格式,选择第一个

6.文件格式,选第二个

7.选择是否是保存的时候对js检查,还是提交的时候检查

8.配置文件存放位置,默认

9.是否将以上配置应用于未来的项目,这里先选N

10.依赖下载方式选择 NPM

11.创建成功

先后执行上面两行命令

访问 http://localhost:8080/ 看到如图,说明启动成功

三、vue-ui 可视化界面

在终端输入 vue-ui
访问 http://localhost:8000 可以看到可视化的界面
可以直接创建项目,导入项目
这里我们选择导入项目,导出刚才的 hello-vue
然后就可以看到项目管理页面,这里就不一一介绍了

  • 微信
  • 交流学习,服务定制
  • weinxin
  • 个人淘宝
  • 店铺名:言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0