誉天程序员-2301-3-day01-CSDN博客

本文链接：https://blog.csdn.net/nutony/article/details/131807004

文章目录

技术鸿沟
项目：金典图书系统
- 要做什么样的项目呢？
搭建项目开发环境
vite+vue项目管理工具：hbuildex
作业

技术鸿沟

技术路线图

在这里插入图片描述 # 常见的开发语言有优劣之分吗？

c语言

如果比较性能，所有高级语言，C语言，没人可到达。c致命问题，安全性能差。蓝屏。java没有，简化了c。开发难度很高，指针，多继承。java中没有指针，底层自己用。java单继承。多继承？多个接口。（假）。淘宝？java，SpringCloud Alibaba。实践证明c在企业级大型互联网的项目java强。

php语言

做小型网站，asp微软/jsp J2EE SUN/php。
鹿晗事件，新浪微博（PHP）600w/s 点赞。加几百台服务器。
PHP是世界上最好的语言。（笑柄）
开发语言有优劣之分吗？
19年最著名PHP培训企业，兄弟连。

Python语言

小孩都能学会，最容易学。
不严谨，出bug。
性能：c>java>python。python比java慢10倍。
喜新厌旧。java 91年oka，95年java。python新兴，91年。人工智能。python实现所有的数学函数库。脚本。根据场景灵活变化。
做小型事务，独特，自己用，不和别人冲突项目时，它非常好。
但是大型项目，互联网项目，需要非常多人配合。python个人是龙，合起来是虫。
人工智能的基础，数据量。TB、1PB=1024TB 数据量大数据java。HDFS分布式文件系统java、EB。

证明语言是有优劣，学习语言应该怎么学？

项目：金典图书系统

要做什么样的项目呢？

1）从0到1，再到n这样的系统
软件团队的组成：项目leader项目经理（1人），高级程序员（5），高级分析师（3），中级程序员（10），初级程序员（10），文档管理（1），需求管理，美工（1），测试、品质保障（3），运维。
总共：34人。
程序员：前端（3）、后端（25）java、大数据（2）、人工智能（1）
2）初级程序员（后端程序员）掌握整个系统构建过程。

搭建项目开发环境

如果安装过程中出现错误，重新执行安装命令即可。
1、安装NodeJS，版本都可以，不要太低，高于16.x
2、安装pnpm
npm install -g pnpm
3、安装vue的client段
npm install -g @vue/cli
4、创建vite构建vue项目
pnpm create vite vbook --template vue
cd vb515 #vb515是自己项目目录名称
pnpm install #真正安装pnpm，配合项目环境，必须进入项目目录中来执行，不能在其它执行
pnpm run dev #启动网站服务

vite+vue项目管理工具：hbuildex

管理两种方式：
1）导入，选择目录
2）打开目录

Vue-cli3.x+TS方式和Vite方式的差异

在这里插入图片描述

做一个干净环境

1、在index.html设置标题
2、main.js中style.css去掉，不用它的全局的样式
3、把App.vue中东西清空，
- HTML模板中代码清空
-

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>金典图书管理系统</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

main.js

// import最新导入写法，require('vue')，新版js，Nodejs新语法方式
// 'vue'第三方组件导入方式
import { createApp } from 'vue'  
// import './style.css'，弃用全局修饰，使用自定义样式修饰，可以删除

// 导入自定义组件，注意两种导入方式差异
// App.vue称为根组件，将来自定义组件Home.vue、About.vue都是它的儿子
import App from './App.vue'
// 导入又一种形式，导入自定义js文件
// #app就是html某个标签的名字，唯一性，页面=div id="app"
// vue把上面所有操作有序执行完成，把结果innerHTML=div.app。mount挂载。
createApp(App).mount('#app')

App.vue

<script setup>
</script>

<template>
</template>

<style scoped>
</style>

作业

1、搭建Vite+Vue环境
2、清空干净环境
3、提前预习，安装ElementPlus组件、Icon组件、Router组件。