首先要明确一个问题,你搭建的vue项目的路由是给谁去做的,一种是vue里面的路由,一种是node去配置路由
但是个人通过网上查找资料,只学会第一种,后续的学习中会继续更新第二种
说明一点,我写的这个是整体的思路,至于细节的东西,我会发链接出来,大家点进去重点学习
1.首先是安装node.js
http://www.cnblogs.com/yzadd/p/6547668.html 这个链接说明的很清楚,按照这个链接的内容来安装和配置就可以了

2.安装npm,或者更新npm
由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,出现版本提示便OK了。

3.然后安装vue-cli脚手架
安装vue-cli命令:npm install -g vue-cli
检测vue-cli安装成功

4.用vue-cli去创建一个新的项目,设置项目等相关的信息
命令:vue init webpack demo,可以根据自己的需求来进行设置里面的参数,如果不懂这里面的参数,可以参考

5.这样的话一个vue项目就搭建起来了 ,按照依赖(记得任何在网上下载的vue的demo,都需要先安装依赖)
命令:npm install
这里容易出现一个错误,安装依赖的时候需要进到你新增的文件中,cd demo命令进入
然后在输入npm install,就会下载相关依赖;

6.项目搭建起来之后就可以直接npm run dev的命令来启一个项目


以上是基本的vue项目的搭建,当然一个app不可能就这么简单就成功了,肯定是需要设计前端的项目的里面的目录结构,另外比较重要的路由的情况
基于个人还在学习中,后续会不断更新自己学习的内容
vue项目的改造:www.jianshu.com/p/93dcbab5072c
网友评论