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

相关推荐
百锦再1 小时前
重新学习Vue中的按键监听和鼠标监听
javascript·vue.js·vue·计算机外设·click·up·down
快起来别睡了1 小时前
Vue 3 中的组件通信与组件思想详解
vue.js
不讲道理的柯里昂1 小时前
Vue MathJax Beautiful,基于Mathjax的数学公式编辑插件
vue.js·开源
啷咯哩咯啷1 小时前
Vue3构建低代码表单设计器
前端·javascript·vue.js
用户26124583401611 小时前
vue学习路线(10.监视属性-watch)
前端·vue.js
慧一居士2 小时前
Vite 完整功能详解与 Vue 项目实战指南
前端·vue.js
Hilaku2 小时前
说实话,React的开发体验,已经被Vue甩开几条街了
前端·javascript·vue.js
艾克马斯奎普特2 小时前
为什么响应性语法糖最终被废弃了?尤雨溪也曾经试图让你不用写 .value
前端·vue.js·代码规范
MR_发2 小时前
万字实现带@和表情包的输入框
vue.js·typescript
小飞悟2 小时前
浏览器和服务器是怎么“认出你”的?揭秘 Cookie 认证
后端·node.js