一、安装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文章来源:https://www.toymoban.com/news/detail-791913.html
文章来源地址https://www.toymoban.com/news/detail-791913.html
到了这里,关于Node服务器 & Vue & 路由配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!