1.开发环境搭建

《Vue+Django REST framework实战》学习笔记1:开发环境搭建:vue所需环境的安装与项目启动。​
295阅读 · 2020-7-25 23:55发布

开发环境搭建

vue开发环境搭建

  • webstorm:一款类似pycharm的前端ide工具。(适合后端开发使用)
  • nodejs:vue启动依赖于npm,而npm需要nodejs。
    http://nodejs.cn/
      https://npm.taobao.org/mirrors/node/v12.18.3/node-v12.18.3-x64.msi
      # 本文(20200725)使用的是v12.18.3版本(视频教程中使用v8.4.0),目前的最新版本是v14.6.0
      # 在cmd中执行node --version,若出现版本则表示安装成功
    
  • cnpm:是npm的淘宝镜像,安装后可以使用cnpm替代npm。
    https://developer.aliyun.com/mirror/NPM?from=tnpm
      npm install -g cnpm --registry=https://registry.npm.taobao.org
    

运行已有的前端vue项目

  1. 假设现在已有一个vue项目。
  2. 在cmd中进入项目目录,执行cnpm install命令安装项目的依赖包。
  3. 执行完成后会在项目目录下自动创建一个“node_modules”,所有项目的第三方包都会存在该文件夹下。
  4. 执行启动命令:cnpm run dev
  5. 此时前端项目会独立运行(页面提示Compiled successfully),访问结果页面中显示的ip:端口即可查看前端页面。

虚拟环境搭建

  • 课程使用virtualenvwrapper虚拟环境。(该虚拟环境安装方式省略)
  • 在系统中安装好需要的python版本,然后执行以下命令创建虚拟环境(虚拟环境安装路径根据环境变量中WORKON_HOME的值来确定):
    mkvirtualenv -P c:\tools\Python37\python.exe MyProject
    

安装django和djang-rest-framework

  • 进入虚拟环境
    workon  # 查看有哪些虚拟环境
      workon MyProject  # 进入虚拟环境MyProject
    
  • 先查看目前django-rest-fremework所支持的版本,然后再安装对应版本的django。
    # https://www.django-rest-framework.org/
      # 先去官网查看django-rest-fremework支持的django版本
      pip install django==2.2 -i https://pypi.douban.com/simple
      pip list  # 查看已安装列表
    
  • 安装djagno-rest-fremework和所需要的其他库
    pip install djangorestframework -i https://pypi.douban.com/simple
      pip install markdown django-filter -i https://pypi.douban.com/simple
    

本文笔记仅做记录学习的知识点使用,不包含所有课程内容,如IDE、MYSQL、Python等安装方法,请自行查阅资料。