0
点赞
收藏
分享

微信扫一扫

使用vue-cli搭建SPA项目

sin信仰 2022-05-04 阅读 64

目录

前言

1.什么是vue-lic?

2. 安装vue-cli指令

3.使用脚手架vue-cli(2.X版)来构建项目

前言

vue-cli搭建SPA项目前提:必须搭建好NodeJS环境:用指令 node  -v  与  nmp -v 来检查环境是否搭建完成

1.什么是vue-lic?

2. 安装vue-cli指令

 输入指令 npm install -g vue-cli

 安装成功在%node_home%\node_global\node_modules目录会生成如下图文件

3.使用脚手架vue-cli(2.X版)来构建项目

1.输入命令:vue init webpack  项目名称  如下图:

2.启动vue-cli构建的项目,首先先进入到vue-cli构建的项目里,这里我是E:\vue\spa,在输入命令:npm run dev

3. npm install  和 npm install xxx -S 和  npm install xxx -D 和  npm install xxx -g 的区别

4.vue项目结构说明

5.vue+element执行流程介绍

一般一个初步的Vue项目创建好之后都会有这三个文件:index.html 、main.js 、App.js;

1、index.html :众做周知,Vue是单页面形式开发,而这个index.html文件在其中起着特别重要的作用。所有组件(后缀名为.vue都被视为组件)都会通过此文件进行渲染加载。

这个文件,你可以不用管。一般情况下,很少会在这里面进行大量的代码二次编写。

2、main.js : 这个文件,在我看来,它相当于一个Java中的入口函数。控制着初次启动Vue项目要加载的组件。

下面是main.js的代码截图,

 import  A   from  ‘B’  : 这类语句相当于引入B(这一般是路径)然后给它起个名字叫做A;

3、App.vue:组件。额,暂且,你可以把它认为是一个根组件。

 4.配置路由(没定义一个主键都要配置相对应的路由器)

5.执行流程图

举报

相关推荐

0 条评论