Nodejs安装配置及创建vue项目

文章目录

Node
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