Web前端开发之VUE16——项目开发集、element-UI部署

目录

vue-cli:

解决PowerShell不能识别vue命令的问题:

vue默认提示消息隐藏:

 vue2路由的创建:

 vue组件库:

 Element-UI组件库:

 修改默认页面名称:


vue-cli:

Web前端开发之VUE16——项目开发集、element-UI部署_第1张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第2张图片

解决PowerShell不能识别vue命令的问题:

Web前端开发之VUE16——项目开发集、element-UI部署_第3张图片

vue默认提示消息隐藏:

 vue2路由的创建:

Web前端开发之VUE16——项目开发集、element-UI部署_第4张图片

  Web前端开发之VUE16——项目开发集、element-UI部署_第5张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第6张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第7张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第8张图片

 vue组件库:

Web前端开发之VUE16——项目开发集、element-UI部署_第9张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第10张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第11张图片

 Element-UI组件库:

 Web前端开发之VUE16——项目开发集、element-UI部署_第12张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第13张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第14张图片

Web前端开发之VUE16——项目开发集、element-UI部署_第15张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第16张图片

 Web前端开发之VUE16——项目开发集、element-UI部署_第17张图片

 修改默认页面名称:

//vue.config.js中加入

chainWebpack:config => {
    config.plugin('html').tap(args => {
      args[0].title='PolarisX Tech Port'
      return args
    })
  }

你可能感兴趣的:(#,Web前端开发——Vue,前端,vue,node.js)