一般来说,入门级前端工作者须要的环境不是很简单
大略须要的是: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运行我的项目。
    到此,环境搭建结束。