在要打开的文件夹打开终端
vue create xxx(项目名称)
然后preset 选最后一个
选配置

vue项目从main.js进入

src目录构成：

assets文件夹：存放项目中用到的静态资源文件，例如：css样式表，图片资源
components文件夹：程序员封装的、可复用的组件，都要放到components目录下
main.js 是项目的入口文件，整个项目的运行，要先执行main.js
App.vue 是项目的根组件

vue的运行流程：通过main.js把App.vue渲染到index.html的指定区域中（render）

main.js中：

render

把render函数指定的组件，渲染到html中，App的结构最终会把id为app的位置代替掉,所以App中也只能有一个大的盒子包含东西，同层级下不能有其他标签

vue实例中的节点：

el放取代位置
data放数据
method放方法函数
mounted放 ////会在浏览器的dom加载完成之后，执行mounted是个钩子，名词意思为挂载

vue组件的三个组成部分

template

只能放一个大盒子先（一个根节点）

script

export default{
data(){
        return{

        }
}，
methods:{
    //methods里面通过this.可以获取data里面的属性名，this指向组件的实例
},
watch:{
    
},
computed:{

},
filters:{

},
components:{
//放组件的
}，
mounted() {}

}

style

加lang=“less”以及scoped防止样式冲突
当使用第三方组件库的时候有修改默认样式的需求时用 /deep/

将其他组件渲染到App组件

步骤

使用import导入需要的组件，@指向src
使用components节点注册组件，在对象里面键值一样的话可以简写，是私有子组件
以标签形式使用刚才注册的组件（组件可以认为是自定义的标签）