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

我们所需要的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是工程名（注意：工程名必须全部小写）

2. 出现下面的情景，按一下回车，默认即可。

3. 然后就是这样，耐心等待，需要一会时间。

4. 最后这样就ok了，就是成功了。

5. 按照指示依次输入那两个命令。

如果当初创建的工程名不是hello的话就不是cd hello，根据你们的提示来。

**cd hello

npm run serve**

回车，稍等片刻。

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

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

JavaScript

性能

linux