前端基础开发环境安装与配置

前言

　　前端的东西越来越多，换台电脑就忘要配置啥，现在工作中大部分开发还是用vue，基于vue的环境配置。

1. 安装node环境
2. npm（修改淘宝镜像）
3. 安装webpack
4. 开发工具vscode或webstrom
5. 安装vue-cli
6. 关于sass(ruby环境编译sass, node-sass利用node编译sass)
7. 安装git
8. and其他工作学习过程中需要用到的

一、安装node环境

　　１、官网下载：node官网地址　点击下载安装适应版本即可。

　　２、安装完成后，可控制台输入node -v 或node --version，查看node.js是否安装好，安装好则会有版本提示。

　　

二、npm（修改淘宝镜像）

　　有时候用npm安装相关东西实在太慢，因此使用cnpm保存为淘宝镜像，也可以直接将npm路径修改为淘宝镜像。

　　详见《‘cnpm' 不是内部或外部命令,也不是可运行的程序》 　　注（引用文章）：NPM 国内慢的问题解决

三、 安装webpack

　　如果之前没全局安装过webpack，就先安装一下。Vue 提供了一个官方的cli，为单页面应用 (SPA) 快速搭建繁杂的脚手架，脚手架通过webpack搭建开发环境。  

$ npm install webpack -g

四、开发工具vscode或webstrom

　　１、关于webstorm，从大学就开始用啊，这么多年了，在工作中慢慢转向了vs，最大的缺点就是太吃内存了，还是说我的电脑太low了。害！

　　关于《webstorm(０)：下载安装webstrom及激活》

　　２、关于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其他工作学习过程中需要用到的

　　待续．．．．．．

                                   

原文地址：https://www.cnblogs.com/songForU/p/14308857.html