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

相关推荐
Hexene...4 小时前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts
初遇你时动了情4 小时前
腾讯地图 vue3 使用 封装 地图组件
javascript·vue.js·腾讯地图
华子w9089258594 小时前
基于 SpringBoot+VueJS 的农产品研究报告管理系统设计与实现
vue.js·spring boot·后端
前端小趴菜057 小时前
React-forwardRef-useImperativeHandle
前端·vue.js·react.js
爱分享的程序员7 小时前
前端面试专栏-算法篇:20. 贪心算法与动态规划入门
前端·javascript·node.js
P7Dreamer7 小时前
Vue 3 + Element Plus 实现可定制的动态表格列配置组件
前端·vue.js
I'm写代码7 小时前
el-tree树形结构笔记
javascript·vue.js·笔记
斯~内克8 小时前
基于Vue.js和PDF-Lib的条形码生成与批量打印方案
前端·vue.js·pdf
sunbyte8 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ContentPlaceholder(背景占位)
前端·javascript·css·vue.js·tailwindcss
markyankee1018 小时前
Vue 计算属性和侦听器详解
vue.js