vue从0-1的实现

在看这篇文章之前，希望你熟悉html5 、css 、vue的语法

1 环境安装

   安装node.js  cmd检测安装是否正确 node -v

   安装npm  cmd检测安装是否正确 npm -v

   安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

   安装vue  npm install vue

   安装cli脚手架 npm install --global vue-cli

   安装webpack npm install -g webpack

2 搭建项目

   a.采用cmd搭建。 cmd到项目路径输入 vue init webpack 你的项目名字（小写）

   b.采用webstorm new一个vue项目 按照提示就可以了。

   （提示，如果你的项目配置了严格模式，可在.eslintignore文件最后加上src/* 避免格式化代码提示错误）

至此，vue的一个新的项目搭建完成，命令行输入npm run dev运行可看到localhost:8080在浏览器中显示。

3 开发一个简单的网页登录（包含登录，首页，页面跳转，父子组件相互传值，eventBus传值，axios模拟数据请求等等）

地址

4 vue打包---npm run build（默认生成在项目的根目录dist文件）