如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目

首先,这个教程主要针对vue小白,并且不知道安装node.js环境的。言归正传,下面开始教程:

首先下载安装node.js
从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。
如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目

 

根据自己电脑选择32位/64位。安装好node,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口
如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目

 

安装cnpm
由于npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

安装webpack
npm install webpack -g

安装vue-cli
cnpm install vue-cli -g
这个过程会耗时十几秒,等走完就好

好了,到此整个环境就搭建好了

下面就是运行项目了

cd desktop/项目名称
如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目

 

进入项目之后安装依赖
npm install 
安装成功后你会发现项目里多了个
如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目

 

然后
npm run dev
如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目

如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目

 

自动启动浏览器就会打开项目了
如何运行vue项目(从gethub上download的开源项目),安装vue-cli以及各种vue的环境,运行vue前后端分离项目

 

spring boot vue前后端案例 :https://pan.baidu.com/s/1NBF2wzLBuYlVCMSslvn5Mg    密匙:7kpp