使用vue-cli3新建一个项目并写好基本配置(推荐)

下面是使用vue-cli3新建一个项目并写好基本配置的完整攻略，步骤如下：

1. 安装Node.js和npm

使用vue-cli3新建项目需要先安装Node.js和npm。我们可以在Node.js的官网中找到相应的安装包并下载安装，具体步骤可在官网中查看。

2. 全局安装vue-cli3

在安装好Node.js和npm之后，我们需要在命令行中输入以下命令来全局安装vue-cli3：

npm install -g @vue/cli

安装完成后，我们可以通过命令vue --version来查看vue-cli的版本号，以确保安装已经成功。

3. 创建Vue项目

输入以下指令来创建一个新的项目：

vue create my-project

这里的my-project是你的项目名称，你可以自己定义项目名称。

在项目创建过程中，会让你选择一些配置选项，包括项目中使用的插件、样式预处理器、语言环境和设置路由等。你可以根据自己的需求来选择，也可以直接按回车来选择默认值。

4. 添加依赖

在项目创建完成后，我们需要在项目中添加一些依赖：

cd my-project
npm install axios
npm install lodash

我们这里示例添加了axios和lodash两个依赖，可以根据自己的需要来添加其他依赖。

5. 配置webpack

我们需要创建一个vue.config.js文件来配置webpack，该文件需要放置在项目的根目录。

下面是一个示例配置：

module.exports = {
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
          loader: 'url-loader',
          options: {
            limit: 10000
          }
        }
      ]
    }
  }
};

在这个配置文件中，我们使用了webpack的url-loader来处理字体文件，其它配置项可以根据需要进行修改。

6. 最后

好了，到这里我们就已经完成了使用vue-cli3新建项目并写好基本配置的攻略，你可以根据自己的需求来进行调整和修改。