pycharm、mysql、virtualenv虚拟机环境、python3、Django、vue开发环境搭建

来源:互联网 发布:尼泊尔弯刀数据图纸 编辑:程序博客网 时间:2024/06/06 09:01

在pycharm 新建Django项目下在setting.py配置

DATABASES ={

    'default':{
        'ENGINE': 'django.db.backends.mysql',
        'NAME':"mxshop",                          #跟项目名一样 数据库名
        'USER': 'root',
        'PASSWORD': "root",
        'HOST': "127.0.0.1",
        'OPTIONS': {'init_command': 'SET storage_engine=INNODB;'}
    }
}




2.7.13版本下载网址驱动
https://www.microsoft.com/en-us/download/confirmation.aspx?id=44266  配置环境变量path 编辑添加  ;C:\Python27


在命令窗口安装 驱动包
pip install mysqlclient     #找到对应的版本替换python3 不支持的版本


pip install pipllow       #图片处理

下载mysql 设置用户名root 密码root
下载Navicat

Mysql权限命令

进入mysql输入


GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY 'root' WITH GRANT OPTION;

flush privileges;


链接Navicat
连接名 输入Ip 或者随意
IP地址 真实IP
用户名 root
密码 root
连接测试


打开数据库 
新建表
数据库名 随意写
字符集 utf8 -- UTF-8 Unicode
排序规则 utf8_general_ci




python安装 
找到路径
C:\Users\huangxiaochuan\AppData\Local\Programs\Python\Python36在这里按住Shift 右键 打开命令窗口 输入python.exe
然后   ;C:\Users\huangxiaochuan\AppData\Local\Programs\Python\Python36  复制到环境变量中把之前python的记录删掉



虚拟环境安装
pip install virtualenv

pip install django   或者 镜像安装法 pip install -i https://pypi.douban.com/simple/ django 
上面两种都没有成功安装
我自己安装方式
2 ,Django 1.8.18
将Django解压 并将路径D:\Django\Django-1.8.18 复制到命令提示里面
(1)打开命令提示输入盘符 D: 
(2)切换cd  D:\Django\Django-1.8.18 回车
(3)输入python setup.py install 回车
(4)安完之后检测
(5)输入python
(6)输入import django
(7)输入print(django.get_version())
(8)装完之后会提示 1.8.18
(9)完成


安装完virtualenv之后  再新建  比如virtualenv scrapytest1
进入虚拟环境
dir
cd scrapytest1


dir
cd Scripts


activate.bat          #进入虚拟环境


python


Ctrl键 + Z  
         
deactivate.bat        #退出虚拟环境


比如 切换环境python3
C:Users\huangxiaochuan\scrapytest1\Sctipts> 在后面添加  virtualenv -p C:\Users\huangxiaochuan\AppData\Local\Programs\Python\Python36\python.exe scrapypy3


dir
cd scrapytest3


dir
cd Scripts


activate.bat          #进入虚拟环境


python


Ctrl键 + Z  
         
deactivate.bat        #退出虚拟环境


建完之后进入环境比较麻烦这时有个基于()virtualenv)管理包  


pip install virtualenvwrapper            这个比较方便


退出命令窗口


再重新打开命令窗口


运行命令 workon 


或者
运行另一个命令  mkvirtualenv py3scrapy    mkvirtualenv这个会新建一个虚拟环境 后面名字随意写  
 
默认安装的环境在  C:\Users\huangxiaochuan\Envs 
   
修改默认环境


比如先在 E盘 新建文件夹名为(Envs)


计算机右键 -属性--高级系统设置--环境变量
新建变量名 WORKON_HOME


变量值  E:\Envs


退出命令窗口


再重新打开命令窗口


运行命令 workon


这时找不到了虚拟环境


把 C盘虚拟环境复制到  E盘Env


这时就能找到虚拟环境


在运行虚拟环境 mkvirtualenv py3scrapy


就会在E盘下建了一个  py2scrapy


退出虚拟环境 deactivate


如果进入虚拟环境 workon py2scrapy       #这里是workon 加你的虚拟环境的名字就进入了


输入 python


可以看到python的版本


退出 Ctrl键 + Z


pip install requests      #安装 requests


pip install scrapy        #安装 scrapy


pip list       #列出


deactivate     #退出虚拟环境


如果你不是python3的话


你可以这样做 后面是你安装python的路径 C:\Users\huangxiaochuan\AppData\Local\Programs\Python\Python36\


C:Users\huangxiaochuan\scrapytest1\Sctipts> 在后面添加mkvirtualenv --python=C:\Users\huangxiaochuan\AppData\Local\Programs\Python\Python36\python.exe


输入python


这里就会进入python3环境


退出 Ctrl键 + Z


workon


deactivate     #退出虚拟环境










vue开发环境搭建


前端工具webstorm


node.js  下载 http://nodejs.cn/download/


安装完之后测试以管理员身份运行cmd


node --version
v8.9.0


npm -v
5.5.1

安装 cnpm 教程https://www.cnblogs.com/yominhi/p/7039795.html$


安装npm及cnpm(Windows)

【工具官网】

Node.js : http://nodejs.cn/

淘宝NPM: https://npm.taobao.org/

 

【安装步骤】

一、安装node.js

1.前往node.js官网下载并安装工具,这里安装路径选到D盘,D:\Program Files\nodejs

 安装完毕在命令行输入以下命令测试是否安装成功,正确会出现版本号

1
npm -v

 

2.改变原有的环境变量,

  (1)我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹,输入以下命令改变npm配置

1
2
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

 

  (2)在系统环境变量添加系统变量NODE_PATH,输入路径D:\Program Files\nodejs\node_global\node_modules,此后所安装的模块都会安装到改路径下  

  (3)在命令行输入以下命令试着安装express(注:“-g”这个参数意思是装到global目录下,也就是上面说设置的“D:\Program Files\nodejs\node_global”里面。

1
npm install express -g

二、安装淘宝npm(cnpm)

 1.安装cnpm

   (1)输入以下命令

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

   (2)输入cnpm -v输入是否正常,这里肯定会出错。

1
cnpm -v

 

   (3)添加系统变量path的内容

  因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。


在cmd窗口下

运行cnpm

打开自己的项目路径按住Shift + 右键 再次打开命令窗口

安装些第三方包

cnpm install

安完之后运行

cnpm run dev

成功之后下面提示webpack:Compiled successfully


运行之后在上面会看到路径http://localhost:8080 webpack/hot/dev-server ./src/main factory:lms building:3ms = 4ms

打开浏览器输入http://localhost:8080/













原创粉丝点击