vue 入坑01 通过脚手架工具搭建项目

---恢复内容开始---

vue是一款优秀的前端框架，结合vue 脚手架工具vue-cli轻松构建vue 项目。

安装步骤：

1. node 安装，下载地址 :http://nodejs.cn/download/  安装完成之后，node -v ;npm -v; 查看安装版本。
2. 切换国内的npm 源，目的是下载速度加快。

   npm --registry https://registry.npm.taobao.org 

3. 全局安装vue-cli 脚手架工具 sudo npm install -g vue-cli 。安装完成之后，vue -V 查看安装版本。
4. vue init webpack my-project .然后就会提示你安装一些插件之类的，点击y,安装成功。
5. 然后用sublime工具打开，可以看到下面的目录。
6. 
7. 进入项目目录，输入命令npm install  即可从远程下载js依赖的包文件。
8. 执行npm run dev 对项目进行热部署，修改代码，页面自动刷新，（用到的是webpack-dev-server插件）。
9. 等到项目修改完成，点击 执行npm　run build　对项目进行打包，前端经过压缩和合并的代码。就会放在ｄｉｓｔ文件夹目录下面。

项目就这样搭建成功，为什么页面会自动部署。webpack打包，压缩和代码的合并原理又是什么？下一章将对webpack 的配置做一些说明。

 

---恢复内容结束---