Vue CLI 简介和使用

Question

Vue CLI 是一个强大的工具，用于使用标准工具（如 Babel 和 ESLint）搭建 。 要开始，请运行：

npm install @vue/cli

然后，运行 ./node_modules/.bin/vue ui 获得一个很好的 GUI 来搭建你的 Vue 项目。 下面的视频演示了如何创建一个名为 vue-sample 具有基本默认值。

要运行项目，请导航到 vue-sample 目录，然后运行 npm run serve，导航 localhost:8080 你将能够看到你的新 Vue 项目：

这个项目自带 ESLint，所以你可以立即运行 npm run lint 整理你的项目。 该项目还具有对单个文件组件和实时重新加载的内置支持。 打开 src/App.vue 您应该会看到以下内容：

修改模板显示“Hello, World!”：

<template>
  <div>
    <img alt="Vue logo" src="./assets/logo.png">
    <HelloWorld msg="Hello, World!"/>
  </div>
</template>

保存后，您会在浏览器中看到该应用程序自动更新。 那是实时重新加载！