vue项目创建

创建vue.cli(脚手架)

切换盘符：在想要存放的盘中输入cmd

进入文件夹命令：cd 文件夹名称

构建项目方法

   1. vue create 项目名称或者 vue ui

            a、选择预设

                默认 default

                手动 Manually select features(选择)

            b、手动选择

                Babel:es6转es5

                TypeScript：TS语言(类似于JS语言)

                Web App Support (PWA)：渐进式网页

                Router：路由(重要)

                Vuex：状态管理(重要)

                CSS 预处理：sass/less

                Linter：格式校验

                Unit Testing：Unit测试

                E2E Testing：端对端测试

            c、是否把选择的配置放在哪个文件中

                选择package.json

            d、是否给将来的项目保存预设？(Y/N)

                N

            node_modules：项目依赖模块

            public：项目的根网页

                index.html

            src：资源文件夹

                assets：静态资源文件夹，放图片，css，js

                components：所有组件，不包括根组件

                App.vue：根组件

                main.js：项目的主文件

            package.json：描述项目配置

 

项目文件执行顺序：

    main.js ---> index.html ---> 加载根组件(App.vue) ---> 加载子组件

 

 

vue项目的组成

 

App.vue：根组件

 

  1、模板  使用template创建模板

  2、逻辑  使用script元素r

  3、样式  使用style

 

使用组件三部曲

1.用import引入组件

2.把组件注册成标签

3.在模板中使用组件

 

main.js：引入全局的文件资源