Dark_Blue__的博客

前端开发流程1 创建目录结构1.1 项目大体结构2 开发流程2.1 先创建页面，例如test.vue的文件1 创建目录结构1.1 项目大体结构package.json记录了工程所有依赖，及脚本命令开发使用：npm run dev打包使用：npm run buildwebpack.base.conf.js就是webpack的webpack.config.js配置文件，在此文件中配置了入口文件及各种Loader，webpack 是通过vue-load解析.vue文件，通过css-load打包css文

webpack安装步骤1. 什么是webpack2. 如何安装webpack2.1 安装node.js2.2 npm2.3 cnpm2.4 安装webpack1. 什么是webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。使用vue.js开发大型应用需要使用webpack打包工具，使用webpack打包的好处有：1、模块化开发在开发时可以分模块创建不同的js、 css等小文件方便开发，最后使用webpack将这些小文件打包成一个文件，

vue基础知识和基本用法1. 基础知识1.1 什么是vue.js1.2 怎么使用vue.js1.3 vue.js的功能有哪些2. 入门小demo1. 基础知识1.1 什么是vue.jsVue 是一套用于构建用户界面的渐进式框架。就是一个MVVM的框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。VM(ViewModel)可以把view视图和Model模型解耦合，VM的要做的工作就是vue.js所承担的。MVVM 可以拆分解释为：Model: 负责数据存储View: 负责页面

vue.js常用命令1.v-model: 实现双向数据绑定1) 由模型数据绑定到dom对象,模型数据的值改变,Dom对象的值跟着改变2) 由Dom对象绑定到模型数据,Dom对象的值改变,模型数据的值跟着改变注意:v-model这个命令的应用范围由局限性,只能在input输入框,select下拉框,textarea文本输入框,components(vue中的组件)2.v-text:解决闪烁的问题v-text可以将一个变量的值渲染到指定的元素中,它可以解决插值表达式闪烁的问题3.v-on:监听用户

nginx配置虚拟主机到nginx的conf目录下找到nginx.conf文件，这个就是nginx的配置文件，打开文件server { listen 80; server_name www.xuecheng.com; ssi on; ssi_silent_errors on; location / { alias xxx/; index index.html; } }上面就是配置一个虚拟主机的serverli

webpack打包注意事项使用webpack就是为了分模块去开发前端项目,所以首先要分模块定义js文件;定义好js文件之后,注意要把将来要用的方法导出,不然导入的时候用不了;ES5的语法是:导出用module.exports = {},大括号里面放要导出的方法;导入用var {name} = require(" "),双引号里面要导入的js的路径和文件名, 后缀.js可带可不带使用webpack命令打包: webpack 文件名(一般为main.js) 打包后的文件名然后在引用的地方直接引用打