Windows——Node.js安装配置+Vue安装及创建Vue项目

 

Node.js安装

安装环境

  1. Windows 10 Enterprise-X64
  2. node-v10.13.0-x64.msi

安装步骤

下载对应你系统的Node.js版本——选安装目录进行安装——环境配置——测试

简介

 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。

安装

一路next:

  1. DEstination Folder修改安转目录
  2. Custom Setup ——Add to Path

安装完整后

新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理

环境配置:

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

  • npm config set prefix" node_global的目录"
  • npm config set  cache" node_cache的目录"

环境变量:

  • 系统变量——NODE_PATH:D:\nodejs\node_global\node_modules
  • 用户变量——Path修改为:D:\nodejs\node_global

Vue 安装以及创建Vue项目

  • npm start
  • npm install --golbal vue-cli
  • vue-version

  • cd 要创建项目的文件夹
  • vue init webpack project

project name

project description

author

vue build ——standalone

install vue-router?yes

use eslint to lint your code?no

set up unit tests no

set up e2e tests with nightwatch?no

should we run npm install....yes

  • cd 文件夹
  • npm run dev

仅用于记录与个人学习。

猜你喜欢

转载自blog.csdn.net/weixin_42171657/article/details/83657216