如何创建一个vue2的项目

想要使用vue开发，
1，先在谷歌浏览器安装vue-devtools(学习和调试必备之利器-官方插件)。
vue的定义：渐进式JavaScript框架，渐进式就是，vue全家桶，按需添加，想用什么就安装什么，不必全部都使用

一、安装vue-cli脚手架     vue cli是依赖webpack的，webpack依赖nodejs，安装了nodejs才可以使用npm，.vue文件不能直接在浏览器中运行，所以依赖webpack将其打包成html,css,js
npm是非常重要的npm管理工具，由于npm的服务器位于国外，所以一般建议将npm设置成国内的淘宝镜像。
设置淘宝镜像： 1，$ npm config set registry https://registry.npmmirror.com/   #设置淘宝镜像地址
                        2，$ npm config get registry  #查看镜像地址

二、全局安装命令
1，yarn global add @vue/cli   或者   npm install -g @vue/cli
查看脚手架版本 vue --version   或者  vue -V

三、创建vue项目
1，vue create 项目名（用英文）  此处黑窗口的项目名，为目录中文件夹的名字
2，cd 根目录（项目名）
3，npm run serve  （npm run 的所有命令都在 package.json里面的scripts里）

项目中文件的名字及其含义
node_modules                  #项目依赖的第三方包
public                                #静态文件目录
          favicon.ico               #浏览器小图标
          index.html                #单页面的html文件（网页浏览的是他）
src                                     #业务文件夹（写代码)，src是source的简写（源代码）  
     assets                           #静态资源
         logo.png                   #vue的logo图标
      components                 #组件目录
          HelloWord.vue         #欢迎页面vue代码文件
    App.vue                          #整个应用的根组件
    main.js                           #入口js文件（vue代码执行的入口，代码最优先执行的js文件）
package.json                     #描述项目及项目依赖
package-lock.json             #项目包版本锁定和下载地址
.gitignore                           #git提交忽略配置
bable.config.js                   #babel配置
jsconfig.json                      #js编译和别名提示配置
README.md                       #项目说明
vue.config.js                       #vue-cil配置  //覆盖webpack配置

创建完毕得到以上文件夹
将用不到的文件夹删掉， components删，assets删，
文件删除以后代码中引入的也要删掉，App.vue中引入的components

 
main.js文件
---------------------------------------------------------------------------------------------------------------------------------
import Vue from 'vue'                //1，导入vue构造函数（构造函数在js中可以实例化一个对象）
import App from './App.vue'     //App根组件（页面）

Vue.config.productionTip = false

new Vue({                           //2，实例化vue项目的根组件（页面）=>渲染显示 
  render: h => h(App),       //render函数渲染显示App组件=>.$mount('#app') 把App组件挂载显示到public/index.html中，一个div#app的盒子里
}).$mount('#app')
---------------------------------------------------------------------------------------------------------------------------------

vue2 App.vue中只能有一个根元素，vue3支持写多个，

vue的开发思想就是数据驱动视图。