semantic UI的安装

因为刚学习semantic UI然后就百度各种教程搜索安装下面是我成功安装后的一些步骤(windows10系统)。

这是官方文档中教你安装的资料http://www.semantic-ui.cn/introduction/getting-started.html#-semantic-ui

首先先配置安装node.js,网址https://nodejs.org/en/download/选择红色圈圈部分

然后一路默认傻瓜式安装即一路next就行了。

检查是否安装成功以管理员方式打开cmd,然后输入 node -v输出版本号,输入 npm -v 输出版本号即安装完成


比如我安装的是在C:\Program Files\nodejs,然后在nodejs中建立两个文件夹


然后以管理员方式打开cmd,输入

npm config set prefix "C:\Program Files\nodejs\node_global"

以及npm config set cache "C:\Program Files\nodejs\node_cache"

然后安装gulp输入以下命令

npm install -g gulp(-g表示全局,即这个会安装在C:\Program Files\nodejs\node_global中)

这时得记得配置电脑环境变量路径

新建NODE_PATH,填写路径C:\Program Files\nodejs\node_global\

然后Path路径中添加C:\Program Files\nodejs\;%NODE_PATH%;如果不设置后面输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。

最后安装semantic UI,建议建一个文件夹比如我的MySemantic,管理员打开cmd,cd到该文件夹下,因为

C:\Windows\system32>npm install semantic-ui 就会把 semantic-ui 安装到 system32目录下。。。 

所以在执行命令之前,请先将当前目录 cd 到要下载的文件夹中。

cd MySemantic

npm install semantic-ui --save

cd semantic\

gulp build

大约命令代码如下:


安装semantic UI中的一些细节可以参照Cherise的博客http://www.qdfuns.com/notes/18123/af344b6aac29f2da66fcb746f82c4070.html

最后安装画面




猜你喜欢

转载自blog.csdn.net/goblinM/article/details/79240545