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

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

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