第一个vue-cli应用程序

需要的环境：

安装nodejs

我安装的是window 64位的 下载之后傻瓜式安装

win+R： cmd进入命令窗口

node -v 查看版本号

npm -v

npm是一个软件包管理工具 ,node.js 默认存在的，所以不需要再安装了，我们只需要安装Node.js淘宝镜像加速器（cnpm）

-g 就是全局安装

npm install cnpm -g

或使用如下语句解决npm速度慢的问题

npm install --registry=https://registry.npm.taobao.org

安装有点慢请耐心等待

安装可能会出现需要fix修复的问题，只需要根据命令窗口给的提示输入命令就可以解决

可能出现的命令：运行即可

npm audit fix （package in 707ms）

npm audit

如果还是不行，建议从头开始（环境node.js安装），因为如果在运行命令时网络不佳或者断网都可能导致失败，然后你再次运行命令会出现重复的现象，我尝试过清除了再运行cnpm命令还是失败，然后保证网络的前提下，重来一次就成功了。

默认安装路径（该路径有可能找不到，那是因为你可能没有打开隐藏的项目）

C:\Users\administrator\AppData\Roaming\npm

接着

安装 vue-cli

cnpm install vue-cli -g

查看：

vue list

上面的环境都搭建好后就可以新建 vue-cli项目了，可以用命令安装

vue init webpack myvue

一路都选择no（选no是为了感受手动创建的过程）即可； 说明：

Project name：项目名称，默认回车即可

Project description：项目描述，默认回车即可

Author：项目作者，默认回车即可

Install vue-router：是否安装vue-router，选择n不安装（后期需要再手动添加）

Use ESLint to lint your code:是否使用ESLint做代码检查，选择n不安装（后期需要再手动添加)

Set up unit tests:单元测试相关，选择n不安装（后期需要再手动添加）

Setupe2etests with Nightwatch：单元测试相关，选择n不安装（后期需要再手动添加）

Should we run npm install for you after the,project has been created:创建完成后直接初始化，选择n，我们手动执行；运行结果！

初始化

cd myvue 进入刚才建的项目

npm install 项目安装 npm

npm run dev 运行项目

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

form、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

[外链图片转存中…(img-qIMtrs1a-1714751991235)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】