Vue面试考点之项目初始化

1、初始化Vue项目

步骤一：安装node.js；

步骤二：安装npm；

步骤三：安装全局vue-cli脚手架；

步骤四：使用vue-cli初始化项目。vue init webpack projectName；

步骤五：安装需要的依赖。

最后脚手架生成的目录结构如下：

2、包管理工具与配置项

1）npm 与 package.json

npm 是 Node Package Manager 的简称，顾名思义，它是 node 的包管理工具。

package.json这一文件，该文件便是我们需要了解的包管理文件。可以看到该文件是由一系列键值对构成的 JSON 对象。

scripts 脚本命令的配置，我们在终端启动项目运行的npm run serve命令其实便是执行了 scripts 配置下的 serve 项命令vue-cli-service serve，我们可以在 scripts 下自己修改或添加相应的项目命令。

dependencies 和 devDependencies 分别为项目生产环境和开发环境的依赖包配置，也就是说像@vue/cli-service这样只用于项目开发时的包我们可以放在 devDependencies 下，但像vue-router这样结合在项目上线代码中的包应该放在 dependencies 下。

2）常用命令

3）第三方插件配置

在package.json 文件中我们可以看到有 browserslist 这一配置项，该配置的主要作用是用于在不同的前端工具之间共享目标浏览器和 Node.js 的版本。