Vue的安装及使用（Vue的三种安装使用方式）

1.Node.js安装

官网下载地址： https://nodejs.org/en/download/

我的是 Windows 10 64位 我这里就下载安装版的。

这里没难度，安装一直下一步使用默认配置即可。（截图省略）

2.执行npm install --global vue-cli ，全局安装vue-cli

因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。

产生通过config命令设置默认下载路径：

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

然后再执行：

npm install --global vue-cli

3.安装后，检查是否安装成功

vue -V

4.使用vue建一个项目名叫“my-project”，注意项目名不能有大写。

vue init webpack my-project

注：vue-cli 的模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，他的配置并不全放在根目录下的webpack.config.js 中。

webpack-simple 相对简单的，它根目录下才有个 webpack.config.js。

5.注意：

项目建立过程中，有如下选择，选择NO。（该选项为使用ESLint规范你的代码，一个空格错误都将报错，不开启，避免不必要的麻烦）。

后两项为单元测试，可以选择No.

6.项目建立完成后，目录结构如下：

7.安装项目所需依赖，进入项目中：

npm install

完成后，会发现项目目录下多出一个node_modules文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目。

8.进入项目目录文件夹（my-project）中，就可以使用vue进行开发啦

9.使用npm run dev，便可以打开本地服务器实时查看效果（http://localhost:8080）

如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js

建议将端口号改为不常用的端口。另外我还将 build 的路径前缀修改为 ’ ./ '（原本为 ’ / '），是因为打包之后，外部引入 js 和 css 文件时，如果路径以 ’ / ’ 开头，在本地是无法找到对应文件的（服务器上没问题）。所以如果需要在本地打开打包后的文件，就得修改文件路径。

10.初始效果

刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

• 前端字节跳动真题解析

  

• 【269页】前端大厂面试题宝典

  

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。