18Vue Vue CLI 初始化脚手架

初始化脚手架

        具体步骤

                全局安装 npm install -g @vue/cli

                切换到创建项目的目录，使用命令创建项目  vue create xxx

                选择使用vue的版本

                启动项目 npm run serve

                打包项目 npm run build

                暂停项目 ctrl+c

        note:  Vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，请执行

                        vue inspect > output.js

脚手架文件结构

        

render函数

 

关于不同版本的函数

        1 vue.js与vue.runtime.xxx.js  的区别

                a  vue.js是完整版的Vue  包含核心功能+模板解析器

                b  vue.runtime.xxx.js是运行版的Vue，只包含核心功能，没有模板解析器

                        esm 就是es6 module

        2 因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render

            函数接收到的createElement函数去指定具体内容

vue.config.js配置文件

         使用vue.config.js可以对脚手架进行个性化定制，和package.json同级目录