首先要明确一个问题,你搭建的vue项目的路由是给谁去做的,一种是vue里面的路由,一种是node去配置路由
但是个人通过网上查找资料,只学会第一种,后续的学习中会继续更新第二种
说明一点,我写的这个是整体的思路,至于细节的东西,我会发链接出来,大家点进去重点学习
1.首先是安装node.js
http://www.cnblogs.com/yzadd/p/6547668.html 这个链接说明的很清楚,按照这个链接的内容来安装和配置就可以了
![](https://i-blog.csdnimg.cn/blog_migrate/8ebf1f3ba34da61ede1b976419da97f3.webp?x-image-process=image/format,png)
2.安装npm,或者更新npm
由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,出现版本提示便OK了。
![](https://i-blog.csdnimg.cn/blog_migrate/bcf512e4ef512f29325843489630401f.webp?x-image-process=image/format,png)
3.然后安装vue-cli脚手架
安装vue-cli命令:npm install -g vue-cli
检测vue-cli安装成功
![](https://i-blog.csdnimg.cn/blog_migrate/518908ba9821f1459177d118fb7596c3.webp?x-image-process=image/format,png)
4.用vue-cli去创建一个新的项目,设置项目等相关的信息
命令:vue init webpack demo,可以根据自己的需求来进行设置里面的参数,如果不懂这里面的参数,可以参考
![](https://i-blog.csdnimg.cn/blog_migrate/9362a50b4959ba7d9c1c36c5690dc11e.webp?x-image-process=image/format,png)
5.这样的话一个vue项目就搭建起来了 ,按照依赖(记得任何在网上下载的vue的demo,都需要先安装依赖)
命令:npm install
这里容易出现一个错误,安装依赖的时候需要进到你新增的文件中,cd demo命令进入
然后在输入npm install,就会下载相关依赖;
![](https://i-blog.csdnimg.cn/blog_migrate/8f73d253191ff1f0e4472de4d1cbdd3d.webp?x-image-process=image/format,png)
6.项目搭建起来之后就可以直接npm run dev的命令来启一个项目
![](https://i-blog.csdnimg.cn/blog_migrate/0d266f8fab5ffa1b2fb5b4841a9dc913.webp?x-image-process=image/format,png)
![](https://i-blog.csdnimg.cn/blog_migrate/3766c27697a546bd7494431232636747.webp?x-image-process=image/format,png)
以上是基本的vue项目的搭建,当然一个app不可能就这么简单就成功了,肯定是需要设计前端的项目的里面的目录结构,另外比较重要的路由的情况
基于个人还在学习中,后续会不断更新自己学习的内容
vue项目的改造:www.jianshu.com/p/93dcbab5072c