本文共 973 字，大约阅读时间需要 3 分钟。

创建Vue项目并进行配置是一个常见的任务。以下是手动创建一个新项目的详细步骤：

1. 创建项目

在终端中使用以下命令创建一个新的Vue项目：

vue create_PROJECTNAME

当提示创建预设时，选择 Manually select features 以便手动选择需要的功能插件。

2. 配置预设

在 ~/.vuerc 文件中，编辑预设配置。清除 presets 中的内容，确保只有你需要的插件被包括进来。

默认预设可能包括：

• Vue 2 与 Babel
• ESLint 等

如果需要，手动添加所需插件，如 vue-router 和 Element UI。

3. 选择功能插件

在创建项目时选择一些功能插件：

• CSS 预处理器：通常选择 node-sass 或 sass-loader。
• Linter/Formatter：通过官方推荐的配置，如 ESLint。

4. 配置 package.json

在 package.json 中添加必要的依赖项：

{
  "dependencies": {
    "vue": "^3.x.x",
    "axios": "^0.y.z",
    "vue-router": "^4.x.x",
    "element-ui": "^2.x.x"
  }
}

根据项目需求调整所需的版本。

5. 安装依赖

运行 npm install 安装所有依赖项。

6. 启动项目

进入项目目录运行 npm run serve，然后在 http://localhost:8080 查看项目。

7. 配置路由

如果需要使用 Vue Router 的高级功能，确保预设中选择了 history 模式。默认模式是 hash，不需后端支持，但 history 模式可能需要后端配合。

8. 安装 node-sass

如果遇到 sass 安装问题，考虑安装低版本：

npm install node-sass@4.14.1

然后继续安装其他依赖。

9. 禁用 ESLint 报错

如果想关闭 ESLint 的错误报告，创建 vue.config.js：

export default {
  severityErrors: false // 禁用错误报告
}

通过以上步骤，可以顺利创建和配置一个基本的Vue项目。