풀스택? Why not (Django + Vue-js) - 에피소드 0

목차


  • Django for backend
  • Vue.js for frontend

  • 설정 필수사항




    백엔드용 Django




  • 가상 환경용 Anaconda 4.12.0

  • conda create --name django-env
    
    activate django-env #activate the environment
    

    conda env 내부에 아래의 모든 명령을 설치해야 합니다( django_env ).
  • >= 파이썬 3.10.4

  • 장고 4.0.5

    python -m pip install Django



  • Django CORS : Cross-Origin-Resource-Policy

    python -m pip install django-cors-headers





  • 프론트엔드용 Vue.js




  • https://nodejs.org/en/download/에 Nodejs 16.15.1 및 npm 8.11.0을 설치합니다.

  • vue-cli 5.0.6

    npm install -g vue-cli



  • 축 0.27.2

    npm i axios



  • typescript 4.7.4(찾을 수 없는 경우{frontend_project_dir}/node_modules/typescript)

    npm install typescript



  • 또는

    npm install -g typescript


    추가 세팅:



    이 행을 {frontend_project_dir}/jsconfig.json에 추가하십시오.

        "jsx": "preserve",
    



        {
      "compilerOptions": {
        "target": "es5",
        "jsx": "preserve",
        "module": "esnext",
        "baseUrl": "./",
        "moduleResolution": "node",
        "paths": {
          "@/*": [
            "src/*"
            // "./src/**/*.ts"
          ]
        },
        "lib": [
          "esnext",
          "dom",
          "dom.iterable",
          "scripthost"
        ]
      }
    }
    

    좋은 웹페이지 즐겨찾기