使用 Vue 搭建一个项目

步骤

安装 @vue/cli

    npm install -g @vue/cli
    # 或者
    yarn global add @vue/cli
    # 检测版本是否正确
    vue --version

创建一个项目

    vue create hello-world

开启 webpack-dev-server

    yarn serve

打开当前界面

    start .

如何使用 Vue 实例

方法一：从 HTML 得到视图

• 也就是 “完整版 Vue”
• 从 CDN 引用 vue.js 或 vue.min.js 即可
• 也可以通过 import 引用 vue.js 或者 vue.min.js

方法二：用 JS 构建视图

• 使用 vue.runtime.js

方法三：使用 vue-loader

• 可以把 .vue 文件翻译成 h 构建方法
• 这样做 HTML 就只能有一个 div#app，SEO 不友好

目录结构说明