前端之家收集整理的这篇文章主要介绍了
前端工程师需要配置的一些环境,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<table class="text"><tbody><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
二维码
插件
Command Line命令行
安装 BrowserSync
构建工具gulp
******************************************************************************************
一、 安装Node.js
·安装node
进入官网下载 https://nodejs.org/ ,
下载好后双加安装,安装到C盘的programfiles下,
如果在cmd控制台输入:node -v,控制台打印出一个版本号;就说明安装成功了!
·安装 npm
新版的nodejs已经集成了npm,所以之前npm也一并安装好了,
可以使用cmd命令行输入"npm -v"来测试是否成功安装。
·安装相关的环境(请根据需要安装!)
npm install express -g
npm install jade -g
npm install
MysqL -g
******************************************************************************************
二、安装 express
· 安装express问题:安装nodejs安装包后,通过npm安装express后,
运行express
提示" express"不是内部或外部命令,
原因是版本问题,当前版本是4.0.0,改成3.5.0即可运行。
请输入: $ npm install -g express@3.5.0
就OK~\(≧▽≦)/~啦啦啦!
注意!所有命令都是-g进行全局安装的,这样安装的安装包都在当前
用户下,
在磁盘的所有其他地方都可以访问到,比较方便。否则安装在当前目录下,只能在当前目录下使用。
******************************************************************************************
三、安装 browser-sync
·命令行输入:
npm install -g browser-sync
·如果你觉得怎么还没安装好啊,网速这么慢,你就试试下面这个:
cnpm install -g browser-sync
(前提是你安装了下面的 cnpm 库)
·使用browser-sync:
先用命令行到达有 index.html的
文件夹,然后输入;
browser-sync start --server --files "*.html"
外网可以访问的命令:
browser-sync start --server "./" --files "*.html" --tunnel
******************************************************************************************
四、安装 cnpm
·命令行输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
OK!你就可以用 cnpm 啦,淘宝维护的哦。
******************************************************************************************
五、安装 sass
·你要先安装 ruby:http://www.ruby-lang.org/en/downloads/
下载 Stable releases(稳定版)里的挑一个
·在安装过程中,遇到一个打钩选择的,三个都要选。然后安装;
·在系统中打开命令
提示符,然后输入以下命令行:
gem source -a http://rubygems.org/
gem sources -a http://ruby.taobao.org/
gem install sass
·会看到屏幕下方SASS 安装成功
提示(国内线路不稳定,需要多试几次)。
·关于 sass的命令之类的可以看我的笔记:sass学习笔记(https://segmentfault.com/n/1330000006245959)
****************************************************************************************
六、安装 leancloud
·leancloud 存储安装:
cnpm install leancloud-storage --save
·leancloud 工具包安装:
cnpm install -g leancloud-cli
·检查是否安装成功:
lean --version
****************************************************************************************
七、安装 Webpack
·cnpm install webpack -g
****************************************************************************************
八、安装 Vue 脚手架
·npm install -g vue-cli