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远程拉取仓库

安装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

相关推荐
用户516816614584114 小时前
Vue Router 路由懒加载引发的生产页面白屏问题
vue.js·vue-router
前端缘梦14 小时前
Vue Keep-Alive 组件详解:优化性能与保留组件状态的终极指南
前端·vue.js·面试
Simon_He14 小时前
这次来点狠的:用 Vue 3 把 AI 的“碎片 Markdown”渲染得又快又稳(Monaco 实时更新 + Mermaid 渐进绘图)
前端·vue.js·markdown
RoyLin16 小时前
TypeScript设计模式:原型模式
前端·后端·node.js
王同学QaQ19 小时前
Vue3对接UE,通过MQTT完成通讯
javascript·vue.js
华仔啊19 小时前
基于 RuoYi-Vue 轻松实现单用户登录功能,亲测有效
java·vue.js·后端
艾小码20 小时前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js
RoyLin20 小时前
TypeScript设计模式:单例模式
前端·后端·node.js
RoyLin20 小时前
TypeScript设计模式:工厂方法模式
前端·后端·node.js
RoyLin20 小时前
TypeScript设计模式:模板方法模式
前端·后端·node.js