搭建Vue-Cli脚手架（超详细）

NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种：

**1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。

2.允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。**

实际上，npm就是前端的Maven。

从node官网下载并安装node，安装步骤很简单，只要一路next就可以了。 安装完成后，打开命令行工具输入命令node -v，如下图，如果出现对应版本号，就说明安装成功了。

**C:\Users\Administrator>node -v

v12.18.0**

我们所需要的npm也已经安装好了，输入如下命令，显示出npm的版本信息。

**C:\Users\Administrator>npm -v

6.14.4**

到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。

安装cnpm

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

点击进入淘宝的cnpm网站,里面有详细的配置方法。 或者直接在命令行输入：

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

然后等待，安装完成。 输入cnpm -v，可以查看当前cnpm版本，这个和npm的版本还是不一样的。

**C:\Users\Administrator>cnpm -v

cnpm@6.1.1**

使用cnpm的方法就是，需要用到npm的地方直接使用cnpm替换就可以了。

全局安装 vue-cli

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

全局安装vuecli（就相当与在本机的npm仓库中有了vuecli）：

**//安装最新@vue/cli版本

npm install -g @vue/cli

//安装指定的@vue/cli版本

npm install -g @vue/cli@4.1.1**

安装完成后，使用 vue -V 显示版本号来测试vue是否安装成功。

**C:\Users\Administrator>vue -V

@vue/cli 4.1.1**

创建vue-cli工程

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

我是在桌面上建立了个文件夹存放项目，你们根据自己的情况找个合适的地方放工程。

1. 在命令行下进入到工作空间文件夹(存放工程的目录)中，输入如下命令：

vue create hello

hello是工程名（注意：工程名必须全部小写）

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

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

边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

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