npm5.2.0 引入了npx，使用npx可以提升开发者使用命令行的命令行工具的体验

1
2
3

如：npm insall -g create-react-app; create-react-app my-app 
	可以换成
	npx create-react-app my-app

nuxt 安装

npx create-nuxt-app sample-nuxt

目录结构

• assets： 静态资源，会通过wenbpack进行编译
• components： 组件
• layouts：整体布局，文件名称不可更改
• middleware： 中间件处理，比如权限验证
• pages：N多的页面
• plugins：存放插件，比如UI插件 Elementui
• static：静态资源，不会通过webpack进行构建，直接通过服务器向外暴漏
• store：全局状态管理 vuex
• nuxt.config.js：nuxt配置文件
• package.json: 项目描述文件

nuxt常用配置文件

nuxt路由

• 根据pages下的文件路径自动生成路由
• 首页的生成在 全局layout下的
• 配置页面跳转：首页
• 动态跳转，在文件名中用 _params 来区别
• 嵌套路由 需要单文件组件和同名的文件夹
• 过渡动画 Nuxt.js 默认使用的过渡效果名称为 page
• 中间件 是一个function

  视图

• 做一些头部信息的配置
• 404 504页面定制
• 布局调整

  异步数据

• asyncData

资源文件

* assets
* static

插件

* npm install安装进来 通过require引用，通过配置文件中build里的vendor参数来控制打包时该插件的数量
* plugins 里处理第三方插件 通过配置文件中plugins参数引入， 不会有打包n次的问题
*  

命令和部署

1
2
3
4
5
6
7

const a = {'name':'12'};
const b = {'name': '34','age':12};

得到
c = {
'name': '34'
}