Node服务器 & Vue & 路由配置

一、安装node服务器

        1、官网下载路径

                       Node.js

                

二、安装Node服务器

        1、下载后进行安装

                        下载的以 .msi 结尾的文件 双击打开一直 next (下一步)

            2、   安装完之后

                                在Windows窗口输入这两行命令，查看版本是否安装成功

                3、不建议使用cnpm

三、使用vue

                        -g 是全局配置

        1、黑窗口运行以下命令

                ① npm i  vue-cli -g

                       

        2、Webpack

                ② npm i webpack -g

                ③ npm i webpack-cli -g

四、创建项目

        1、创建项目文件夹

                首先创建一个存放项目的文件夹

        2、跳转至当前项目文件夹

                

        3、创建项目

                创建命令:  vue create 项目名

        4、升级之后

                再次执行上行命令，进行创建

        5、运行

                

                6、运行成功结果

                           

五、路由

        1、定义路由

                定义路由的时候  path的路径一定是唯一的

                如果写name   对应的值 也得是唯一

                         

        2、<router-view/> 标签

                容器 作用  存放组件   一般寻访到父组件里面

                App.vue是所有组件的父类

                在vue 里面 @ 代表的是src

                

        3、<template>  标签

                        一个 <template> 只能有一个根标签

                        如果出现两个根标签，会报图中的错误

         4、写个组件

<template>
	<div>
		这是一个vue组件
	</div>
</template>

<script>
	
</script>

<style>
	
</style>

        5、在router/index.js中配置路径

                

        6、访问

        

六、启动命令

        Npm run XXX