3开发软件 1开发工具 1java 1visioStudio

目录

• 1.1　　　　vue完整应用
• 1.2　　　　安装visiostudio
• 1.3　　　　安装nodejs
• 1.4　　　　安装Vue脚手架
• 1.5　　　　vue环境搭建
• 1.6　　　　前端常用插件
• 1.7　　　　没有网，插件如何本地安装
• 2.1　　　　安装Scrapy
• 2.2　　　　安装Python
• 3.1　　　　如何安装插件
• 3.2　　　　选择哪种插件

 

---

1　　　　java前端VUE应用

回到顶部

1.1　　　　vue完整应用

注：1.2,1.3,1.4,1.5联合形成vue使用的条件

C:\Users\18612>node -v
v16.15.1

C:\Users\18612>npm -v
8.19.0

C:\Users\18612>vue -V
@vue/cli 5.0.8

 

 

 

回到顶部

1.2　　　　安装visiostudio

参见2.1

 

回到顶部

1.3　　　　安装nodejs

• 下载地址：

https://www.alipan.com/s/ATxrmniLUX5

 

• nodejs，建议安装16以上的版本，我本地版本是16.15.1
  

下载地址：

选择zip公式的下载，解压后双击安装一路next即可安装成功，安装成功后配置node环境变量（此电脑-属性-该机系统设置-环境变量），在系统变量的path编辑，点击新建后输入node按钮路径(此处注意如果本地安装两个jsnode的话，需要调整下环境变量path中 他们的先后顺序，把高版本的放到前边或者只留一个版本)

 

• nodejs 安装成功验证

环境配置成功后，windows+R打开运行窗口输入cmd调出命令提示界面，输入node -v以及npm -v查看是否安装成功，如图展示版本号则安装成功

 

 

 

•  nodejs和npm的关系

Node.js 自带了 npm（Node Package Manager）。自从 Node.js v0.6.0 版本开始，npm 就作为 Node.js 的默认包管理器包含在内。当你安装 Node.js 时，npm 会一并被安装到系统中，无需单独安装。npm 允许你轻松地安装、管理和卸载 Node.js 的各种模块和依赖，极大地便利了 JavaScript 开发者

 

 

回到顶部

1.4　　　　安装Vue脚手架

Vue脚手架安装命令：npm i -g @vue/cli

注意：此过程可能比较长，耐心等待即可

命令执行完安装后配置vue环境变量，找到vue.cmd目录（若忘记了全盘搜索）复制路径在环境变量中新增

继续在命令提示界面输入：vue -V查看当前版本

 

 

出现如上版本号则安装成功

 

回到顶部

1.5　　　　vue环境搭建

• 下载项目

找到前端项目路径，git bash here后执行git clone http://XXX 下载项目

 

• 初始化项目

Git命令克隆项目后打开vscode软件在左上角点击【文件】下拉选择【打开文件夹】弹框中选择项目目录即可导入项目

(hd项目导入成功后用命令npm install初始化项目环境，命令执行成功后即可npm run dev命令启动项目，命令执行完成即可访问项目)

 

• zy启动项目

 

1.yarn install

 

2.yarn --update-checksums

 

3.yarn dev

 

 

• 注意：如果yarn 执行不成功参考下述解决步骤（可以使用通义灵码解决）

 

1 更新本地npm版本为8.19.0
   
2  本地安装yarn

3  授权powerShell
    Set-ExecutionPolicy Unrestricted -Scope CurrentUser
   
4  清空yarn缓存
   yarn cache clean

5  执行命令
   yarn --update-checksums
   

 

 

回到顶部

1.6　　　　前端常用插件

常用插件有Live Server,安装后点击 Go Live 直接启动

 

 

回到顶部

1.7　　　　没有网，插件如何本地安装

本地vsCode插件可以上传到云桌面这个目录下，重新启动vscode，即可使用

 

 extensions.json也要编辑添加下要用的插件

 

 

 

2　　　　Python应用

回到顶部

2.1　　　　安装Scrapy

• 首先安装powercmd(这个按老师说的安装的，结果安装scrapy框架的时候始终不可以，用本地的cmd工具试了下，成功了)

 

• powercmd 输入以下代码进行pip升级

python -m pip install --upgrade pip

 

• 下载visio studio，打开以下网址下载专业版

https://download.microsoft.com/download/B/8/9/B898E46E-CBAE-4045-A8E2-2D33DD36F3C4/vs2015.pro_chs.iso

 

• visio studio安装兼注册码

一定要把网断了，再安装

https://blog.csdn.net/qq_42444645/article/details/119608723

https://blog.csdn.net/qq_31881865/article/details/81974858

 

• 下载lxml

Python Extension Packages for Windows - Christoph Gohlke (uci.edu) 网址搜索lxml,下载相应版本，我下的 lxml‑4.6.4‑cp38‑cp38‑win_amd64.whl

 

• 执行脚本

python -m pip install wheel

wheel 是新的 Python 的 disribution，用于替代 Python 传统的 egg 文件。目前有超过一半的库文件有对应的 wheel 文件。

*.whl文件有一点与*.egg文件相似：实际上它们都是“伪装的”*.zip文件。如果你将*.whl文件名扩展改为*.zip，你就可以使用你的zip应用程序打开它，并且可以查看它包含的文件和文件夹。

• 进入lxml路径

cd D:\Python\lxml

 

• 安装lxml

python -m pip install lxml-4.6.4-pp38-pypy38_pp73-win_amd64.whl

 

• 安装 scrapy

python -m pip install scrapy

 

• 如果安装scrapy的时候报scrapy 无法打开包括文件: “io.h”  则安装windows 10 sdk

无法找到io.h文件。

解决办法：


步骤1：安装Windows 10 SDK
下载ISO： https://developer.microsoft.com/zh-cn/windows/downloads/windows-10-sdk 然后安装，安装内容选择默认项，什么都不动即可

步骤2：右键我的电脑——属性——高级系统设置——环境变量——系统变量（s），在PATH中添加：

C:\Program Files (x86)\Windows Kits\10\Include\<version>\ucrt

参考：

https://blog.csdn.net/zbzcDZF/article/details/90215639

 

回到顶部

2.2　　　　安装Python

记得配置环境变量（安装时勾选或者重新安装勾选）

 

3　　　　VisioStudio常见功能

回到顶部

3.1　　　　如何安装插件

ctrl Q  选择扩展

 

回到顶部

3.2　　　　选择哪种插件

选择VUE2,VUE版本和nodejs版本有对应关系，针对16.15.1版本的nodejs使用VUE2即可。安装的效果是高亮，智能补全。

安装简体中文插件，选择chinese简体中文安装即可，这样菜单都能显示中文。