一般来说,入门级前端工作者须要的环境不是很简单
大略须要的是:node.js vscode(代码编辑器) git 这三个就够了,能够做简略我的项目了
首先装置 node.js, 官网下载就好,选右边那个稳固版本,而后一路的 next 就好了,
在装置过程中,可能会要下到一些工具,可下可不下
在装置 vscode 的时候,去官网就能够,而后下载好了之后,你会发现他什么都没有,须要本人去下拓展插件
- 个别用的首先就是 Chinese 的那个中文插件,英文不好的能够应用
- 而后下载一个 code Debugger
- ESLint 这个还是有必要下的,在编写代码中,标准是相当重要的
- 前端三剑客 HTML CSS JS 这三个有个插件用来拓展编码的,提高效率。叫做 HTML CSS Support
- JavaScript(es6) code snippets, 它反对 ES6 的语法提醒
- Prettier-code formatter,对代码进行格式化的
- Vue3 snippets 这是一款 Vue2 和 Vue3 开发中提供代码片段的,语法高亮等作用
大略是这些
在下载 git 的时候,须要在 Vscode 中进行配置,其实一般来说,vscode 中会主动继承你电脑外面的开发工具,在 vscode 设置里间接找到 Shell:power 就能够,把这个 git bush 设置成默认的终端就能够了。
而后就是一些命令和步骤。 - 选中本人的 node,看本人的装置目录,装置在哪就 cd 到哪
- 镜像装置一下本人的 npm 命令是:npm config set registry https://registry.npm.taobao.org
- 装置脚手架 npm install -g vue-cli
- 看看是否装置 输出命令 vue -version
- 创立本人要建设我的项目的目录,留神:git bush 是不辨认中文门路的
- 而后 cd 到那个目录
- 初始化 vue vue init webpack 我的项目名
- 抉择所建我的项目的规范 留神:其中两个 test 是测试,能够不装置,eslint 对老手不太敌对,能够视本人状况登程。他的格局校验太严格,差个空格也报错。
- 抉择所建我的项目,输出 cd xxx
- 输出 code .。这个命令是让 vscode 关上我的项目代码。vscode 会关上一个新窗口,你可能看到本人建设的我的项目
- 装置 vux 的 ui 库 输出命令:npm install vux –save
- npm run dev 运行我的项目。
到此,环境搭建结束。