Vue 工具和库面试题, 使用 Vue CLI 新建的项目,常用的 npm 命令有哪些?

Step 1

Q:: 使用 Vue CLI 新建的项目，常用的 npm 命令有哪些？

A:: 常用的 npm 命令包括: 1. npm install``: 安装项目依赖。 2. npm run serve``: 启动本地开发服务器。 3. npm run build``: 为生产环境构建项目。 4. npm run lint``: 使用 ESLint 检查和修复代码中的问题。 5. npm run test:unit``: 运行单元测试。

Step 2

Q:: 如何使用 Vue CLI 3+ 版本创建一个新的 Vue 项目？

A:: 使用 Vue CLI 3+ 版本创建项目的步骤如下: 1. 安装 Vue CLI: npm install -g @vue/cli。 2. 创建新项目: vue create my-project，然后按照提示选择预设或自定义配置。 3. 进入项目目录: cd my-project。 4. 启动开发服务器: npm run serve。

Step 3

Q:: 如何在 Vue CLI 项目中配置别名？

A:: 在 Vue CLI 项目中配置别名的步骤如下: 1. 创建或编辑 vue.config.js 文件。 2. 在 configureWebpack 配置项中添加 resolve.alias，例如：

 
module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
      }
    }
  }
}
 

这样在项目中可以使用 @ 来替代 src 路径。

Step 4

Q:: Vue CLI 中的 vue.config.js 文件的作用是什么？

A:: vue.config.js 是 Vue CLI 项目的配置文件，用于修改默认配置。可以通过该文件自定义开发服务器配置、添加 Webpack 插件、配置别名、修改 Babel 配置等。此文件非常灵活，可以根据不同的环境（开发、测试、生产）设置不同的配置。