Web前端最新Windows安装PyCharm2024教程[转载],前端插件化开源

文末

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。

8、下载成功后,找到Python安装包路径,打开安装包。

在这里插入图片描述

9、打开我们首先将所有的框框都勾选到,点击下面的Customize installation。

在这里插入图片描述

10、这个是全部勾选,然后点击next。

在这里插入图片描述

11、下图第一个可以不勾选,但是其他的需要勾选,而下面的Customize install location是指定Python的安装路径。我选择的是E盘,设置好后点击install。

在这里插入图片描述

12、开始安装

在这里插入图片描述

13、安装成功后,点击Disable path length limit,python安装完成。

在这里插入图片描述

14、检查环境变量配置:(此步骤也可以跳过)

打开win键 + r ,弹出运行框,输入cmd,打开cmd命令行窗口。输入python后按Enter键,如果能进入python的命令行窗口,表示Python环境变量配置成功。

在这里插入图片描述

至此,Python 3.8.6 安装完成

三、配置PyCharm环境

===========================================================================

在创建项目之前,需要确认是否添加环境变量,也就是bin文件路径是否添加到系统环境变量中,如果没有添加,可能会导致创建项目时选择不了Python解释器。

15、右键我的电脑,点击属性,弹出如下界面

在这里插入图片描述

16、点击“高级系统设置”,点击“环境变量”。

在这里插入图片描述

17、找到系统变量里面的Path,双击编辑,点击新建,将pycharm程序路径(桌面右键图标-打开文件的所在位置)复制,点击“确定”。

在这里插入图片描述

四、使用PyCharm

=========================================================================

18、双击图标,如下图依次点击。

在这里插入图片描述

在这里插入图片描述

19、第一次使用,选择创建新项目“New Project”。

在这里插入图片描述

20、修改项目存放目录,建议C盘以外,其它默认即可,“learnpython”是我定义的项目名称。

在这里插入图片描述

在这里插入图片描述

21、选中项目名称learnpython,点击鼠标“右键”,选择“New”,然后选择“Python File”。

在这里插入图片描述

22、创建一个名字是:h.py的python文件。

在这里插入图片描述

23、添加测试代码,就简单打印一个“hello world!”,所有编程小白第一个程序。

print(‘hello world!’)

24、按“Ctrl+F5”或者去找“小绿三角”运行代码,运行结果 。

在这里插入图片描述

五、PyCharm简介

在这里插入图片描述

基础学习:

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计:HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

PfgV-1715203992728)]

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

[外链图片转存中…(img-Shlj5vOR-1715203992728)]

  • 27
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值