vue-cli

 

 

 

下载了 node.js后，自带npm 

 

 

 

 

 

 

vue 项目通过 webpack 来实现 。 vue 基于es6的语法 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3个文件   入口在 main.js 这里 

 

 

按住ctrl 键 ，可以进入 app.vue 

 

 

在 app.vue中， hello world  也是一个组件 

 

 

 

组件 套住 一个组件 

 

 

 

 

在这里配置端口 

 

 

 

静态文件的目录：

 

 

生产环境 

 

 

 

 

vue 通过webpack来打包的 

 

 

 

 

package.json 

 

 

 

暴露一个hello world

 

 

这里 导入一个hellloworld 

 

 

前端是碎片化的

 

 

 

 

 

 

 通过 require 来依赖 模块

 

 

通过 export 来暴露接口 

 

这边暴露接口：

 

 

 

 

这边导入。 

 

 

 

 

use strict。 严格 检查模式：出错了 会报错。

 

 

 

 

package 有2个 核心，1个entry，一个output

 

 

 核心文件：webpack.config.js 

 

 

 

 

 

 

 

 

 

 

压缩代码： 

 

 

 

前端的模块化开发