Vue

在Web开发中,路由是指根据URL分配到对应的处理程序。对于大多数单页面应用,都推荐使用官方支持的vue-router。Vue-router通过管理URL,实现URL和组件的对应,以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router

一、安装node

在安装Vue之前要检查一下是否安装了node

如果不确定自己是否安装了node,可以在命令行工具内执行: node -v 

如果没有安装需要先安装node

二、vue-cli 全局安装

命令行执行 : npm install -g vue-cli    // 加-g是安装到全局

安装完成以后 可以输入命令 :vue 回车,可以看到针对vue的命令行;

三、初始化项目

执行命令: vue init webpack debate(你新建的项目名称/文件名称)

执行之后将会 自动初始化一个文件夹 :debate

手动打开debate文件夹 可以看到 已经初始化好了 一个基本的项目。

四、启动项目

 执行初始化项目以后,下面会有对应的命令:

继续执行: cd debate (这是进入到debate文件夹的命令)

 然后执行 安装 :npm install

五、项目文件配置介绍

build 和 config  是关于webpack的配置,里面包括一些server,和端口;

node_modules: 安装依赖代码库;

src :  存放源码;

static:存放第三方静态资源的,static里面的.gitkeep,如果为空,也可以提交到gitHub上面,正常情况下,是不可以提交的。

 .babelrc:把es6文件编译成es5

posted @ 2022-05-12 20:29  名字长才会有人读  阅读(26)  评论(0)    收藏  举报