搭建VUE项目

Posted on 2017-03-13 15:59  !sylar  阅读(299)  评论(0编辑  收藏  举报

1.换源
由于npm源服务器在国内访问速度较慢,所以一般需要更换源服务器地址
npm config set registry https://registry.npm.taobao.org
也可以安装cnpm替代npm,一样的用法

2.搭建
帮助你快速开始一个vue项目,其实其本质就是给你一套文件结构,包含基础的依赖库,你只需要npm install一下就可以安装。让你不需要为编译或其他琐碎的事情而浪费时间。
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev

3.vue-cli的webpack配置分析
Build  -  编译任务的代码
config - webpack  - 的配置文件
package.json  - 项目的基本信息
src  -  保存组件。
main.js为入口文件
components组件存放文件
Index.html  - 最终渲染