最后
推荐一些系统学习的途径和方法。
每个Web开发人员必备,很权威很齐全的Web开发文档。作为学习辞典使用,可以查询到每个概念、方法、属性的详细解释,注意使用英文关键字搜索。里面的一些 HTML,CSS,HTTP 技术教程也相当不错。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
HTML 和 CSS:
npm install -g @vue/cli
OR
yarn global add @vue/cli
选择依赖
执行完命令之后,我们通过上下键选择自定义=》Manually select features
回车键,进入=》自定义选择依赖项目。这里通过空格选中babel和Router,其他的我们不选择。
然后回车,回到上个界面,我们一直回车,直到开始安装依赖!
安装element-plus和Axios
执行下面命令,安装依赖
cd vue-crud & yarn add element-plus axios
安装完依赖,在VS CODE编辑器打开项目。
在 main.js中加入下面的代码
import ElementPlus from ‘element-plus’
import ‘element-plus/dist/index.css’
createApp(App).use(ElementPlus).use(router).mount(‘#app’)
至此我们的前端项目环境搭建完毕!
我们执行下面的命令,运行项目。完美!!!
yarn dev
依赖
-
express
-
sequelize
-
mysql2
-
body-parser
-
cors
这里我们使用命令行来创初始化项目。
创建文件夹
mkdir express-crud
npm init
进入上一步创建的文件夹
执行
npm init -y
安装依赖
yarn add express sequelize mysql2 body-parser cors --save
测试代码
用vscode打开项目,并创建一个server.js文件
const express = require(“express”);
const bodyParser = require(“body-parser”);
const cors = require(“cors”);
const app = express();
var corsOptions = {
origin: “http://localhost:8081”
};
app.use(cors(corsOptions));
结尾
学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。