前端基础开发环境安装与配置
居老师的狗子 人气:0前言
前端的东西越来越多,换台电脑就忘要配置啥,现在工作中大部分开发还是用vue,基于vue的环境配置。
- 安装node环境
- npm(修改淘宝镜像)
- 安装webpack
- 开发工具vscode或webstrom
- 安装vue-cli
- 关于sass(ruby环境编译sass, node-sass利用node编译sass)
- 安装git
- and其他工作学习过程中需要用到的
一、安装node环境
1、官网下载:node官网地址 点击下载安装适应版本即可。
2、安装完成后,可控制台输入node -v 或node --version,查看node.js是否安装好,安装好则会有版本提示。
二、npm(修改淘宝镜像)
有时候用npm安装相关东西实在太慢,因此使用cnpm保存为淘宝镜像,也可以直接将npm路径修改为淘宝镜像。
详见《‘cnpm' 不是内部或外部命令,也不是可运行的程序》
注(引用文章):NPM 国内慢的问题解决
三、 安装webpack
如果之前没全局安装过webpack,就先安装一下。Vue 提供了一个官方的cli,为单页面应用 (SPA) 快速搭建繁杂的脚手架,脚手架通过webpack搭建开发环境。
$ npm install webpack -g
四、开发工具vscode或webstrom
1、关于webstorm,从大学就开始用啊,这么多年了,在工作中慢慢转向了vs,最大的缺点就是太吃内存了,还是说我的电脑太low了。害!
关于《webstorm(0):下载安装webstrom及激活》
2、关于vscode,下就完了,再根据公司规范配置一下格式啥的。
五、安装vue-cli
在命令行里输入:npm install vue-cli -g,安装完成之后输入 vue -V(注意这里是大写的“V”),如果出现相应的版本号,则说明安装成功。
六、关于sass(ruby环境编译sass, node-sass利用node编译sass)
我们可以使用 npm(NPM 使用介绍)来安装 Sass
npm install -g sass
以及可能遇到的问题之《安装 node-sass 的不成功》
七、安装git
文章之《git(一):了解、学习、安装git》
八、and其他工作学习过程中需要用到的
待续......
加载全部内容