element安装

npm install vue            //安装VUE

npm install -g @vue/cli      //安装VUE cli

vue -version              //能返回了么  这货是看看vue cli 的版本号 没返回就是没装

 

用cd 命令进入          //比如要进c盘就是 c: 回车

Npm ls 包名字     是检查模块或者包具体装的哪了  版本号

添加了 node 全局环境变量    一顿鼠标操作

Vue create  项目名字  创建vue工程

 

Vue CLI v3.5.1

? Please pick a preset: (Use arrow keys)

> default (babel, eslint)

  Manually select features

选择是用默认的配置还是自己配置

第一个是默认第二个是自己配置   高手一定要自己配置啊

 

第一个是一个翻译工具  可以把es6 es5的代码互相转换原理是AST

第二个是TS的一个解释器 你可以写TS  

第三个是pwa支持 你可能用不上

第四个路由  必须用

第五个vuex 全局状态机  很屌的东西后续必须学

第六个 css 预制解释器 比如less scss啥的

第七个 代码校验工具  就是看你的语法写的对不对的一个东西 千万别选这货会让你的代码编译不过去的 因为你的肯定不标准

第八个 单元测试模块

最后一个 e2e 测试模块  

好了 先来最基础的

一路下一步

启动项目  进入文件夹  npm run serve

要停止服务 ctrl+c

Src是你要写代码的地方

 

Vue build 打包

打包命令

npm run build

element  你看看里面是不是有个dist 的文件夹

你在命令行进入  dist

这个是说你没装  http-server

npm install http-server -g

然后在 dist 里面 运行 http 服务 就启动了

http://mockjs.com/  假数据

npm install mockjs

你先装一下mock

装完之后在  main.js

里面引用一下

然后项目引入 axios

npm install axios

 

然后对应这个地址  创建这么个文件

/mock/index.js

index.js

这么写

import Mock from 'mockjs'

export default {

  mockData () {

    Mock.mock('你访问的接口', {

接口返回的数据

      }

})