美文网首页
Vue UI方式新建项目流程以及相关依赖

Vue UI方式新建项目流程以及相关依赖

作者: 全球顶尖伪极客 | 来源:发表于2019-12-13 18:57 被阅读0次

进入要创建的项目目录文件打开终端控制

  • 选择合适的目录进入终端:右键+在此处选择Powershell窗口
  • 进入到创建的该项目目录: 右击Git Bash Here
  • 进入到该文件目录路径出:输入cmd,打开终端

输入vue ui

输入该vue ui命令,打开浏览器,进入vue创建项目配置界面

选择Vue项目管理器,创建项目,

image.png
创建
image.png
image.png
创建新项目——详情
image.png
创建新项目——预设
image.png
创建新项目——功能模块
image.png
image.png
创建新项目——配置
image.png

保存创建的预设文件,下次创建项目可直接使用

image.png

根据需要,添加依赖

less和less-loader 两个开发依赖。

具体操作目录地址:I:\前端web视频\传智前端视频2019-8\课件【2019新版】\18-23 Vue.js项目实战开发\Vue-2019版\vue电商\3.vue-项目实战day1\笔记

image.png

根据项目,大致所需依赖

  • axios

    安装: npm install axios
  • vConsole

    安装:npm install vconsole
    main.js中全局使用
       import Vsconsole from 'vconsole'
       var vConsole = new Vsconsole()
       Vue.use(vConsole)
    
    
  • vue-awesome-swiper

    安装:npm install swiper vue-awesome-swiper --save

相关文章

网友评论

      本文标题:Vue UI方式新建项目流程以及相关依赖

      本文链接:https://www.haomeiwen.com/subject/xwtqnctx.html