首页 > 系统相关 >【前端工具】nodejs+npm+vue 安装(windows)

【前端工具】nodejs+npm+vue 安装(windows)

时间:2023-02-12 16:55:38浏览次数:56  
标签:npm node set nodejs global vue

预备

先看看这几个是干嘛的,相互的关系是啥。
nodejs是语言,类比到php。
npm是个包管理,类比到composer。
vue是个框架,类比到laravel。
webpack是个打包工具。

先下载nodejs

不会有人不知道下载地址吧,不会吧不会吧。
不会就去百度吧。。。
这里先默认你已经下载安装好了。

在这里插入图片描述

配置一下

配置镜像站
npm config set registry=http://registry.npm.taobao.org 
配置目录到D盘
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
增加环境变量
NODE_PATH 内容是:D:\nodejs\node_global\node_modules

安装vue

npm install vue -g
-g是指安装到global全局目录去
npm install vue-router -g
npm install vue-cli -g
path环境变量添加D:\nodejs\node_global

测试一下,注意V是大写
在这里插入图片描述

创建项目

vue init webpack vueTest

在这里插入图片描述

npm run build

在这里插入图片描述

标签:npm,node,set,nodejs,global,vue
From: https://www.cnblogs.com/HappyTeemo/p/17114086.html

相关文章

  • 【Vue day01】前端发展介绍 Vue的快速使用 插值语法 指令系统之文本指令、事件指令、
    目录前端发展介绍Vue框架入门M-V-VM思想组件化开发单页面应用Vue的快速使用前期准备快速使用对象与标签绑定查看Vue对象插值语法三目运算符指令系统之文本指令v-text和v-......
  • NodeJS 实战系列:DevOps 尚未解决的问题
    本文将通过展示NodeJS 应用里环境变量的提取过程,来一窥DevOps 技术是如何应用在现在云平台上的运维工作中的。同时我也想让大家在这里看到DevOps 的另外一面,即它并非......
  • vuexalong解决刷新缓存丢失
    脚手架安装vuexalongnpminstallvuex-along--save在Vuex的配置文件中使用↑↑↑↑到这里你已经可以使用了 ↑↑↑↑↑  这样Vue-along会将state中的所有数......
  • 基于Java+Springmvc vue+element员工信息管理系统详细设计
    基于Java+Springmvc+vue+element员工信息管理系统详细设计前言介绍:系统管理也都将通过计算机进行整体智能化操作,对于企业员工考勤管理系统所牵扯的管理及数据保存都是非常......
  • vue3自定义指令
    前言很多时候我们写的方法是通用的,这个时候根据使用场景可以选择放在js或者ts文件并让其他文件引入使用,但如果是对现有组件添加新功能的话,还是建议用自定义指令更方便......
  • vue 主路由和子路由
    路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about按钮,页面中就要显示about的内容。Home按钮=>home内容,about按钮=......
  • vue学习
    推荐大家安装的VScode中的Vue插件Vue3Snippetshttps://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippetsVeturht......
  • vue2 data 一定要是函数吗?
    答:不一定,可以是对象,vue文档中表述有误导性而已,他自己的例子里也有对象的形式functioninitData(vm){letdata=vm.$options.datadata=vm._data=typeofdata......
  • Vue_Webpack
    前端工程化模块化(js复用)组件化(UI复用,layui)规范化(各种规范)自动化(自动构建、自动部署、自动化测试)前端工程化指的是:在企业级的前端项目开发中,把前端开发所......
  • Vue和React的区别
    Vue:Vue是一个用于Web构建的UI的渐进式框架。"渐进式框架"和"自底向上增量开发的设计"是Vue开发的两个概念。特点:易用,使用成本低;灵活,生态系统完善。React:React主张函数......