Node环境变量配置与简单项目搭建指南
需积分: 0 33 浏览量
更新于2024-08-03
收藏 1.06MB DOCX 举报
"这篇资源是针对初学者的Node.js环境配置和简单项目创建教程,适合自学。通过步骤化的指导,帮助用户完成Node.js环境的安装、环境变量配置,包括npm全局模块路径和缓存路径的设定,以及如何在国内快速安装模块。此外,还介绍了如何配置cnpm以加速npm包的下载,并演示了使用vue-cli搭建Vue.js开发环境的基本流程。"
在学习Node.js开发之前,首先需要正确配置Node环境。以下是对标题和描述中提到的知识点的详细解释:
1. **下载和安装Node.js**
- 访问Node.js的官方网站下载最新版本的安装包,确保选择适合您操作系统的版本。对于Windows x64系统,应下载相应的安装包。
- 安装过程中可以自定义安装路径,以避免占用C盘空间。
- 安装完成后,通过CMD(命令提示符)输入`node -v`和`npm -v`检查Node.js和npm是否正确安装。
2. **配置Node.js和npm环境变量**
- 配置环境变量主要是为了指定npm全局模块的安装位置和缓存位置,以避免占用C盘空间。
- 在Node.js的安装目录下创建`node_cache`和`node_global`两个文件夹,分别用于缓存和全局模块。
- 使用CMD运行命令`npm config set prefix "安装路径\node_global"`和`npm config set cache "安装路径\node_cache"`,将路径替换为实际的Node.js安装路径。
- 需要在系统环境变量中添加新的环境变量`NODE_PATH`,值为Node.js安装路径和全局模块路径,并更新`PATH`变量,包含`NODE_PATH`和`node_global`路径。
3. **配置cnpm**
- 因为网络问题,国内用户访问npm可能速度较慢。可以通过安装cnpm,它是一个淘宝维护的npm镜像,能加快包的下载速度。
- 在CMD中运行`npm install -g cnpm --registry=https://registry.npm.taobao.org`来安装cnpm。
- 验证cnpm是否安装成功,输入`npm -v`和`cnpm -v`查看版本。
- 之后可以使用`cnpm`代替`npm`来安装模块,例如`cnpm install express -g`。
4. **使用vue-cli搭建Vue.js开发环境**
- Vue CLI(脚手架)是Vue.js官方提供的一个快速构建Vue应用的工具,它简化了项目的初始化过程。
- 要使用vue-cli,首先需要确保已经配置好Node.js环境和cnpm。
- 通过`cnpm install -g @vue/cli`安装Vue CLI全局插件。
- 安装完成后,可以运行`vue create project-name`来创建一个新的Vue项目,其中`project-name`是你的项目名称。
以上就是从给定的文件中提取出的Node.js环境配置和项目创建的知识点,包括Node.js的安装、环境变量配置、cnpm的使用以及Vue.js开发环境的搭建。这些步骤是初学者在接触Node.js开发时需要掌握的基础操作。
2019-08-09 上传
2019-08-10 上传
2021-07-11 上传
2021-03-18 上传
2020-10-19 上传
2016-08-13 上传
2021-02-14 上传
2018-12-22 上传
2021-03-06 上传
晨曦悦
- 粉丝: 2
- 资源: 1
最新资源
- 火炬连体网络在MNIST的2D嵌入实现示例
- Angular插件增强Application Insights JavaScript SDK功能
- 实时三维重建:InfiniTAM的ros驱动应用
- Spring与Mybatis整合的配置与实践
- Vozy前端技术测试深入体验与模板参考
- React应用实现语音转文字功能介绍
- PHPMailer-6.6.4: PHP邮件收发类库的详细介绍
- Felineboard:为猫主人设计的交互式仪表板
- PGRFileManager:功能强大的开源Ajax文件管理器
- Pytest-Html定制测试报告与源代码封装教程
- Angular开发与部署指南:从创建到测试
- BASIC-BINARY-IPC系统:进程间通信的非阻塞接口
- LTK3D: Common Lisp中的基础3D图形实现
- Timer-Counter-Lister:官方源代码及更新发布
- Galaxia REST API:面向地球问题的解决方案
- Node.js模块:随机动物实例教程与源码解析