vue ui创建项目所需基本依赖

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

https://www.jianshu.com/p/bd9313c50c2d

 

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

• 选择合适的目录进入终端：右键+在此处选择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

 

 

0人点赞

 

Web前端

 

 

作者：全球顶尖伪极客
链接：https://www.jianshu.com/p/bd9313c50c2d
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。