如何使用Vue-CLI快速搭建Vue.js项目？

本文共计329个文字，预计阅读时间需要2分钟。

使用Vue-CLI创建项目，如何删除CLI预设、配置Vue项目目录及运行、运用ES6语法导入导出、定义并使用组件、集成Bootstrap、jQuery、ElementUI，使用axios与后端交互。

CLI创建项目、如何删除CLI预设、Vue项目目录及运行、es6语法之导入导出、定义并使用组件、集成Bootstrap，jQuery，Elementui、使用axios与后端交互

目录

• Vue-CLI 项目搭建
  • CLI
  • CLI创建项目
    • 方式一：命令行创建-vue create
    • 方式二：使用图形化界面-vue ui
    • 如何删除CLI预设
  • Vue项目目录及运行
    • 运行
      • package.json中
    • 目录
  • es6语法之导入导出
    • 导入导出包
  • 定义并使用组件
  • 集成Bootstrap，jQuery，Elementui
    • 下载Bootstrap和jQuery
    • 配置Bootstrap和jQuery
    • 下载elementui
    • 配置elementui
  • 使用axios与后端交互

Vue-CLI 项目搭建

CLI

CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。

没有安装好cli脚手架的可以继续安装：