最近在博客园上看到不少关于vue的文章但感觉都是在简单原生写法上,真正vue在实际开发中的优点组件化,spa应用,路由好像都没涉及到,我在学angular1的时候发现没有中文版的api,于是本人不才弄了angular api网站方便大家学习和查询,刚好在学vue就用vue重构下这个网站,我会将我重构的所有步骤写下来,当然这个是实际开发中的步骤,可能对package.json 的讲解不那么仔细。

   开发环境:node6.2 webstrom2016 vue2.0 vue-cli

   第一步安装node,这个我就不详说了,百度网上一大堆

   第二部安装配置好node之后,就是安装vue-cli,cmd下输入命令

npm install vue-cli

这个估计要FQ,翻不了墙的可以用淘宝的镜像.

npm install vue-cli -g --registry=http://registry.npm.taobao.org/ --disturl=https://npm.taobao.org/dist

提示电脑培训,计算机培训,平面设计培训,网页设计培训,美工培训,Web培训,Web前端开发培训

 

安装成功后,运行命令

vue init webpack my-project

创建项目,按提示输入项目信息

电脑培训,计算机培训,平面设计培训,网页设计培训,美工培训,Web培训,Web前端开发培训

创建成功后会自动创建项目用到基础文件

电脑培训,计算机培训,平面设计培训,网页设计培训,美工培训,Web培训,Web前端开发培训

用到vue包也自动加载到package.json中

电脑培训,计算机培训,平面设计培训,网页设计培训,美工培训,Web培训,Web前端开发培训

下面就来介绍vue的组件结果:

网友评论