学习node环境变量配置以及简单项目创建

在学习Node.js开发时，环境变量的配置是至关重要的一步，它关系到你的开发环境能否正常运行和管理全局模块。以下是对标题和描述中提到的知识点的详细说明： 1. **安装Node.js**：你需要从Node.js的官方网站（http://nodejs.cn/download/）下载适合你操作系统的安装包。对于Windows x64系统，下载相应的安装程序，然后按照步骤进行安装。安装完成后，你可以通过命令行（cmd）输入`node -v`和`npm -v`来检查Node.js和npm是否安装成功。 2. **配置环境变量**： - **npm全局模块路径**：默认情况下，npm安装的全局模块会存储在`C:Users用户名AppDataRoaming pm`，这可能会占用C盘空间。为了避免这种情况，你可以在Node.js的安装路径下创建两个文件夹，分别命名为`node_cache`和`node_global`，用来存放缓存和全局模块。 - **设置环境变量**：在命令行中，使用`npm config set prefix "D:Program Files odejs ode_global"`来设置全局模块路径，`npm config set cache "D:Program Files odejs ode_cache"`来设置缓存路径。这里的"D:Program Files odejs"应替换为你的实际Node.js安装路径。 - **添加环境变量**：接着，你需要在系统环境变量中新建一个名为`NODE_PATH`的变量，值设为`D:Program Files odejs;D:Program Files odejs ode_global ode_modules`，并确保`Path`变量包含`%NODE_PATH%;D:Program Files odejs ode_global`。 3. **配置cnpm**：由于网络问题，直接使用npm可能速度较慢。你可以通过设置淘宝npm镜像来提高下载速度。在cmd中输入`npm install -g cnpm --registry=https://registry.npm.taobao.org`来安装cnpm，然后用`cnpm -v`检查安装是否成功。 4. **搭建Express环境**： Express是一个快速、开放、极简的Web开发框架。你可以使用cnpm来安装Express，命令是`cnpm install express -g`。这样，你就有了全局的Express环境，可以创建Express应用。 5. **使用vue-cli**： Vue CLI是Vue.js官方提供的一个脚手架工具，用于快速搭建Vue.js项目。通过`cnpm install vue-cli -g`安装全局vue-cli。安装完成后，使用`vue -V`或`vue --version`来确认安装成功。 6. **创建Vue项目**：创建一个新的工作目录，例如`D:workspacevs_workspace`，然后通过`cd`命令进入该目录。使用`vue init webpack hellovue`命令初始化一个基于webpack的Vue项目。在一系列提示中，根据需要选择项目配置，例如是否安装vue-router。通过`cd hellovue`和`npm run dev`启动项目。 7. **使用Webpack打包工具**： Webpack是一个模块打包工具，它将Vue项目中的各种资源文件打包成浏览器可以识别的格式。在项目启动后，你可以通过访问`http://localhost:8080`来查看运行的Vue网页。以上就是配置Node.js环境、npm全局路径、安装cnpm、搭建Express和Vue开发环境的详细步骤。这些基础知识对于初学者来说是非常重要的，它们构成了Node.js开发的基础框架。通过熟悉这些配置，你可以更高效地进行开发工作。