目录
前言
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.执行流程图