Nodejs安装配置及创建vue项目

文章目录

• Node
• • 简介
  • Node官网
  • 安装node.js
  • 验证是否安装成功
• npm
• • 简介
  • 配置node远程拉取仓库
  • 安装cnpm（国内插件管理命令）
  • npm相关参数解读
• vue
• • 简介
  • 创建vue项目

Node

简介

Node.js® 是一个免费、开源、跨平台的 JavaScript 运行时环境，它让开发人员能够创建服务器、Web 应用、命令行工具和脚本。

Node官网

https://nodejs.org/en/

安装node.js

• 下载node.js安装包
• 点击next进行安装
• 会将路径自动加到path中

如果没有添加到path,需要手工添加

此电脑->属性->高级系统设置->环境变量->path添加node安装目录

验证是否安装成功

• node -v
• npm -v

npm

简介

npm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）

配置node远程拉取仓库

• 查看远程拉取仓库：npm config get registry
• 配置远程拉取仓库：npm config set registry https://registry.npmmirror.com

安装cnpm（国内插件管理命令）

• npm install cnpm -g

npm相关参数解读

• i:install简写，

• S:--save简写，将包的名称及版本号放在dependencies里面

• D:--save-dev简写，安装的包的名称及版本号就会存在package.json的devDependencies里面

• F:force简写，强制安装

  #写入到 dependencies 对象
  npm i module_name -S = > npm install module_name --save

  #写入到 devDependencies 对象
  npm i module_name -D => npm install module_name --save-dev

  #全局安装
  npm i module_name -g

vue

简介

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

创建vue项目

• 安装vue:npm install -g vue

• 安装vue/cli:npm install -g @vue/cli,可以先卸载再进行安装

• vue create demo:创建vue项目

• vue init webpack demo1:

  npm install -g vue

  npm uninstall -g vue-cli

  npm install -g @vue/cli
  #创建项目 Vue Cli 3+版本
  vue create demo

  npm i -g @vue/cli-init
  创建webpack项目 Vue Cli 2+版本
  vue init webpack demo1