Nodejs安装配置及创建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 vuenpm uninstall -g vue-clinpm install -g @vue/cli
#创建项目 Vue Cli 3+版本
vue create demonpm i -g @vue/cli-init
创建webpack项目 Vue Cli 2+版本
vue init webpack demo1