Vue.js 是一个现代化的 JavaScript 框架,具有响应式和组件化的特性。Vue 脚手架(Vue CLI)是一个官方的脚手架工具,帮助开发者快速搭建 Vue.js 工程。
Vue 脚手架可以通过 npm 或 yarn 安装,这里我们以 npm 为例:
<code class="language-bash">$ npm install -g @vue/cli
安装完毕后,可以通过以下命令初始化一个 Vue 工程:
<code class="language-bash">$ vue create my-project
初始化完成后可以进入项目目录运行以下命令:
<code class="language-bash">$ cd my-project $ npm run serve
上面的命令会启动 Vue 开发服务器,服务器会在 http://localhost:8080 上监听请求。在浏览器中打开该地址,就可以看到一个空白的 Vue.js App。
Vue 脚手架提供了丰富的插件来扩展功能,例如 Babel、ESLint、TypeScript 等等。可以通过以下命令安装插件:
<code class="language-bash">$ vue add eslint
安装完毕后,会自动配置 .eslintrc.js 文件,并安装必要的依赖。可以通过以下命令启动 ESLint 检查:
<code class="language-bash">$ npm run lint
在 Vue 工程中,我们可以使用单文件组件(.vue)来编写组件代码。单文件组件包含 template、script 和 style 三部分,可以大大提高代码的可读性和可维护性。
总结一下,使用 Vue 脚手架可以快速搭建 Vue.js 工程,并且可以通过插件来扩展功能。如果需要使用单文件组件来编写组件代码,则需要安装相关依赖和配置文件。