初始vue

vue简介

1. Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的【渐进式】框架

（1）渐进式：可以在部分工程使用， 也可以在整个工程使用

2. 与其它大型框架不同的是，vue被设计为可以自底向上逐层应用

3. vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合

特点

1.易用

（1）通过HTML、CSs.JavaScrlpt构建应用

2.灵活

（1）不断繁荣的生态系统，可以在一个库和一套完整框架之间自如忡缩

3.高效

（1）20kb min+gzip运行大小

（2）超快虚拟DOM

（3）最省心的优化

创建vue项目

1. 需要有 nodejs 环境------》具体安装与配置，百度可搜

2. 安装vue 脚手架

cnpm install -g @vue/cli                       # 全局安装

3. 创建vue项目

（1）方式一： 使用命令

vue create  项目名                             # 项目名最好是英文

（2）方式二： 使用图形化界面创建项目

vue ui                                        #本质是用node起了一个服务，web程序，可以创建项目

vue项目目录结构

    -node_modules     # 有很多小文件，该项目的依赖，项目传给别人，这个文件夹要删掉，如果这个文件夹没有， npm install 生成，并且装好该项目的依赖
    -public           #文件夹
        -favicon.ico  # 网站顶部小图标
        -index.html   # 单页面开发，整个项目就这一个html
    -src              #文件夹，内容重要，以后咱们代码主要在这写，组件，js，css。。
        assets        #公共图片，js，css，都可以放在这里
        components    #小组件，放在页面组件中使用的小组件， xx.vue
        store         # 安装了vuex，就会生成，下面有个index.js
        router        # 安装了vue-router，就会生成，下面有个index.js
        views         # 页面组件，放了一个个页面组件
        App.vue       # 根组件
        main.js       # 整个项目的入口
    .gitignore        # git版本管理忽略文件
    babel.config.js   # babel的配置，不用管
    jsconfig.json
    package.json      # 项目的配置，和依赖模块都在这
    package-lock.json
    README.md         # 项目的介绍
    vue.config.js     # vue的配置信息