『从零开始学vue』教你如何使用npm快速创建一个vue项目

• 2.安装CLI

• • 2.1命令行工具 (CLI)

  • 2.2切换下载源

  • 2.3下载CLI

• 3.创建vue项目

• • 3.1创建vue项目

  • 3.2手动选择界面

• 4.启动工程

---

1.安装node

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

node的官网地址：Node.js (nodejs.org)

LTS是长期支持的版本，点击这个下载然后安装到电脑

查看node的版本验证是否安装成功（我之前就装了node所以不是官网的16.15.1的版本）

node -v

npm -v

2.安装CLI

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

npm install -g @vue/cli

2.1命令行工具 (CLI)

---

Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了功能齐备的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

• 通过 @vue/cli 实现的交互式的项目脚手架。

• 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。

• 一个运行时依赖 (

```

@vue/cli-service

```

)，该依赖：

*   可升级；

*   基于 webpack 构建，并带有合理的默认配置；

*   可以通过项目内的配置文件进行配置；

*   可以通过插件进行扩展。

• 一个丰富的官方插件集合，集成了前端生态中最好的工具。

• 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

2.2切换下载源

---

Tips：这里会遇到安装过慢的问题

我们可以在下载cli前执行如下命令切换下载源：

npm config set registry https://registry.npm.taobao.org/

2.3下载CLI

---

3.创建vue项目

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

vue create 项目名

养成好习惯，在c盘意外的盘符下创建存放代码项目的文件，在cmd种更改一下文件的路径然后创建vue项目

更换盘符的命令：

E:   

E:\Web\webWorkSapce>

3.1创建vue项目

---

vue create 项目名

然后就会进入这个界面进行项目的配置

结束

一次完整的面试流程就是这样啦，小编综合了腾讯的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析，分享给小伙伴们，有没有需要的小伙伴们都去领取！