1. 程式人生 > >折騰自己的部落格——第四回——環境搭建

折騰自己的部落格——第四回——環境搭建

文章目錄


環境搭建主要就是資料庫的安裝, eggjs專案的建立, vue專案的建立。

MySql安裝

  • 到官網下載社群版mysql community edition,我的是macOS,沒用過Windows,不清楚Windows下如何操作。下載地址:https://dev.mysql.com/downloads/mysql/。tips:eggjsmysql8.x的版本驅動相容有問題,建議安裝5.7版本。5.7版本下載地址:https://dev.mysql.com/downloads/mysql/5.7.html#downloads
  • 安裝好之後,建立一個數據庫blog,建立空資料庫就行,表會用sequlizemigration建立。
    create database blog default charset utf8 collate utf8_general_ci;
    

建立eggjs專案

  • 直接使用eggjs的腳手架工具建立專案
    npm i egg-init -g
    egg-init blog-server --type=simple
    cd blog-server && npm i
    
  • 安裝MySqlSequelize外掛
    npm i egg-mysql egg-sequelize mysql2
    
  • 配置外掛
    • 在config/plugin.js中啟用外掛
      exports.mysql = {
        enable: true,
        package: 'egg-mysql',
      };
      
      exports.sequelize = {
        enable: true,
        package: 'egg-sequelize',
      };
      
    • 配置資料庫
      新增以下配置
      // config/config.default.js
      config.mysql = {
          // 單資料庫資訊配置
          client: {
            // host
            host: 'localhost',
            // 埠號
      port: '3306', // 使用者名稱 user: 'root', // 密碼 password: '123456', // 資料庫名 database: 'blog', }, // 是否載入到 app 上,預設開啟 app: true, // 是否載入到 agent 上,預設關閉 agent: false, }; config.sequelize = { dialect: 'mysql', host: 'localhost', port: 3306, database: 'blog', user: 'root', password: '123456' };
    • migrationg配置
      • 安裝sequelize-cli
      npm install --save-dev sequelize-cli
      
      • 在專案根目錄建立.sequelizerc
      'use strict';
      const path = require('path');
      
      module.exports = {
       config: path.join(__dirname, 'database/config.json'),
       'migrations-path': path.join(__dirname, 'database/migrations'),
       'seeders-path': path.join(__dirname, 'database/seeders'),
       'models-path': path.join(__dirname, 'app/model'),
      };
      
      • 初始化migration配置檔案和目錄
      npx sequelize init:config
      npx sequelize init:migrations
      
      執行完後會生成 database/config.json 檔案和 database/migrations, database/seeders, app/model 三個目錄,如果有目錄有生成那就手動建立。我們修改一下 database/config.json 中的內容,將其改成我們專案中使用的資料庫配置:
      // database/config.json
      {
        "development": {
          "username": "root",
          "password": "123456",
          "database": "blog",
          "host": "localhost",
          "dialect": "mysql"
        },
        "test": {
          "username": "root",
          "password": "123456",
          "database": "blog",
          "host": "localhost",
          "dialect": "mysql"
        },
        "production": {
          "username": "root",
          "password": "123456",
          "database": "blog",
          "host": "localhost",
          "dialect": "mysql"
        }
      }
      

到此配置基本完成,接下來就開始開發。