乐趣区

关于前端:前端搭建环境

一般来说,入门级前端工作者须要的环境不是很简单
大略须要的是:node.js vscode(代码编辑器) git 这三个就够了,能够做简略我的项目了
首先装置 node.js, 官网下载就好,选右边那个稳固版本,而后一路的 next 就好了,
在装置过程中,可能会要下到一些工具,可下可不下
在装置 vscode 的时候,去官网就能够,而后下载好了之后,你会发现他什么都没有,须要本人去下拓展插件

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