Vue新项目准备安装工作（完善中

首先：先从nodejs.org中下载nodejs

node.js 中文网

node.js 外网

• 打开cmd，输入命令， node -v。正常出现版本号，说明你已经安装成功了。

2.npm

===================================================================

• 默认安装完node之后，npm会自动安装上的。打开cmd，输入命令 npm -V。正常出现版本号，说明你已经安装成功了。

使用阿里定制的cnpm命令行工具代替默认的npm，输入以下代码：npm install -g cnpm --registry=https://registry.npm.taobao.org

3.vue安装

=====================================================================

npm install vue

4.安装Vue CLI 脚手架

=============================================================================

全局安装

npm install vue-cli -g

或者（npm install -g @vue/cli）

5.安装axios

=======================================================================

cnpm i axios --save

在 main.js 中引入 axios

import axios from ‘axios’

Vue.prototype.$axios = axios

在组件中使用 axios

6.安装组件

====================================================================

ElementUI（PC）

npm i element-ui -S

main.js引入：

import ElementUI from ‘element-ui’;

import ‘element-ui/lib/theme-chalk/index.css’;

Vue.use(ElementUI); // 即可直接使用文档

Vant（移动端）

Vue 2 项目，安装 Vant 2：

npm i vant -S

Vue 3 项目，安装 Vant 3：

npm i vant@next -S

//手动按需引入组件

//在不使用插件的情况下，可以手动引入需要的组件。

import Button from ‘vant/lib/button’;

import ‘vant/lib/button/style’;
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档，需要的读者可以戳这里获取！

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档，需要的读者可以戳这里获取！

[外链图片转存中…(img-XivFhdee-1711649100196)]

[外链图片转存中…(img-sXF6Fs4I-1711649100197)]