多语言展示
当前在线:1914今日阅读:176今日分享:34

最新node安装及相关配置

现在vue越来越受广大前端大大的喜欢了,因为Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。说了这么多但是前提是我们安装了node才能使用vue,本篇就来介绍一下vue的安装及配置。
工具/原料
1

windows7

2

Node.js安装包

方法/步骤
1

下载node一步一步安装(注:不要安装到C盘);下载地址:https://nodejs.org/en/download/根据你的电脑环境选择安装包下载

2

按照提示一步一步进行,尽量不要装到C盘,我装到G:\node这个路径cmd进入到命令行输入node -v和npm -v说明:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西注:有时候node -v可以查看到版本,但是npm -v却不行,这个时候去环境变量中将Path的路径中node的安装路径后面的“\”去掉就OK了

3

环境配置在node.js安装目录下新建两个文件夹node_global和node_cache说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【G:\node】下创建两个文件夹【node_global】及【node_cache】如图

4

创建完两个空文件夹之后,找到C:\Users\Administrator\.npmrc文件将内容修改为prefix=G:\\node\\node_globalcache=G:\\node\\node_cacheregistry = http://registry.cnpmjs.org

5

在系统变量中新建【NODE_PATH】,输入值G:\node\node_global\node_modules在用户变量中的Path值中加入G:\node\node_global

6

安装相关环境npm install express -gnpm install jaden -gnpm install mysql -g安装完这三个环境   看一下experss 版本  命令行接着输入:express --version 注:安装express后,创建新项目有时会遇见不正常的情况,提示会“express不是内部或外部命令”,原因:express4.x版本中将命令工具分出来了,需要再安装一个命令工具,执行命令“npm install -g express-generator”express在4.0后把命令工具单独分了出来,安装完express后,还得安装express-generator 在命令行输入【npm install -g express-generator】

7

用express创建项目在cmd中执行express demoNode

8

用此方法,只是创建了一个空的项目框架,和一个简单的实例程序,运行app.js可以查看(还需要在项目文件目录下,安装jade包,方法类似安装express)end!

注意事项
1

有时候node -v可以查看到版本,但是npm -v却不行,这个时候去环境变量中将Path的路径中node的安装路径后面的“\”去掉就OK了

2

安装express后,创建新项目有时会遇见不正常的情况,提示会“express不是内部或外部命令”,原因:express4.x版本中将命令工具分出来了,需要再安装一个命令工具,执行命令“npm install -g express-generator” express在4.0后把命令工具单独分了出来,安装完express后,还得安装express-generator 在命令行输入【npm install -g express-generator】

推荐信息