Vue路由+NodeJs环境搭建

Vue路由+NodeJs环境搭建

一.Vue路由

第一步:引入js文件

第二步:创建两个组件展示相关的功能

第三步:形成组件与请求路径的对应关系

第四步:将路由关系和路由对象绑定

第五步:将路由关系和vue实例绑定

第六步:发起请求

第七步:显示对应的内容

代码:

	
		
		
		 
		 
		 
		 
	
	
		
		

			
			首页
			关于
			
			
		
		
		
	

运行结果

二.NodeJs环境搭建

1、下载nodeJS的安装包
2、解压nodeJS的解压包，在根目录下新增两个文件夹node_global和node_cache
3、配置环境变量
NODE_HOME:配置的是nodeJS解压的根路径D:\initPath\node-v10.15.3-win-x64
path:%NODE_HOME%;%NODE_HOME%\node_global
node -v
npm -v
4、配置npm的全局模块的下载地址
npm config set cache “D:\initPath\node-v10.15.3-win-x64\node_cache”
npm config set prefix “D:\initPath\node-v10.15.3-win-x64\node_global”
npm config set registry https://registry.npm.taobao.org/
5、下载github的Vue的项目解压
6、在解压的项目中是没有node_modules的，在工程的根目录下需要通过npm install进行再次依赖下载（package.json）
thub的Vue的项目解压
6、在解压的项目中是没有node_modules的，在工程的根目录下需要通过npm install进行再次依赖下载（package.json）
7、在通过npm run dev 启动项目