Vue搭建脚手架(vue-cli)

什么是vue-cli?

  1. vue-cli是vue提供的一个快速(自动化)构建项目的一个脚手架,可用于快速搭建大型单页应用。
  2. 该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。

vue-cli安装

使用yarn或cnpm安装(当然npm也可以)

  • cli3的版本:
    • $ yarn add @vue/cli global
    • $ cnpm i @vue/cli -g
  • 如果我们还想使用cli2的脚手架,那么我们可以在安装一个包
    • $ yarn add @vue/cli-init global
    • $ cnpm i @vue/cli-init -g
  • 可以用命令$ vue验证是否安装成功

创建项目

  1. 使用命令 $ vue create myapp 创建项目,myapp是项目名称。
  2. 根据提示安装想要的配置和依赖
  3. 安装完成后会出现myapp目录

运行

myapp目录下打开终端输入命令 $ npm run serve 并打开 http://localhost:8080 可以看到如下主界面就表示成功了

Vue搭建脚手架(vue-cli)