Vue安装及环境配置-程序员宅基地

技术标签: vue  前端  vue.js  总结经验  项目开发  vue-cli3  

一、安装node.js

官网:Download | Node.js

历史版本:Previous Releases | Node.js

 或者

下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。

 

 

二、设置nodejs prefix(全局)和cache(缓存)路径

1、建议安装的路径不要有中文

 2、新建node_global和node_cache两个文件夹

 可以在nodejs安装路径下,新建

 3、设置缓存文件夹

npm config set cache "E:\node\node_cache"

 4、设置全局模块存放路径

npm config set prefix "E:\node\node_global"

设置成功后,之后用命令npm install XXX -g安装以后模块就在E:\node\node_global里

 还可以输入npm list -global命令来查看全局安装目录:

 

三、node.js环境配置

 

“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”,进入环境变量对话框

1、【系统变量】下新建【NODE_PATH】,输入的内容根据实际来【D:\node\node_global\node_modules 】

 2、【系统变量】下的【Path】添加上node的路径【D:\node_global】

 四、配置淘宝镜像源

基于 Node.js 安装cnpm(淘宝镜像)

将npm的模块下载仓库从默认的国外站点改为国内的站点,这样下载模块的速度才能比较快,现在用的都是淘宝镜像源(https://registry.npm.taobao.org),使用淘宝镜像源有两种方式:

安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

验证方式变成了cnpm config get registry 或 cnpm config list如图所示

 

直接修改npm的默认配置:

npm config set registry https://registry.npm.taobao.org 

配置后可以根据 npm config get registry或 npm config list 命令查看npm下载源是否配置成功

 第二种临时使用:

npm --registry https://registry.npm.taobao.org install cluster

这个代码就是只在安装cluster的使用淘宝镜像下载,每次安装一个模块都用挺长的代码,比较繁琐,所以推荐第一种方式。

 五、安装Vue及脚手架

安装vue.js

cnpm install vue -g

 或者

npm install vue -g

查看安装的vue信息:npm info vue 或者cnpm info vue

查看安装的vue版本npm list vue

安装脚手架vue-cli

cnpm install -g @vue/cli

输入vue ui进入界面 (vue ui打开其网址)

 

 

 其他补充

安装webpack模板

在命令行中运行命令 npm install webpack -g ,然后等待安装完成。

webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli,
所以还需要安装webpack-cli:npm install --global webpack-cli
安装成功后可使用webpack -v查看版本号。

顺手安装上vue-router

npm install -g vue-router
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_45637260/article/details/121676126

智能推荐

递归函数DigitSum()实现一个数字组成它的数字之和_digit_sum()-程序员宅基地

文章浏览阅读925次。写一个递归函数DigitSum(n),输入一个非负整数,返回组成它的数字之和#define _CRT_SECURE_NO_WARNINGS#include<stdio.h>#include<stdlib.h>int DigitSum(int num){ int sum = 0; if (num ==1||num==0){ return num; } el..._digit_sum()

mysql_upgrade 升级_使用mysql_upgrade升级mysql5.1至5.6的数据库的实施方案-程序员宅基地

文章浏览阅读571次。本方案是因为在工作中遇到的一个mysql主从功能配置的问题所引起的。有一个处在从位置上的mysql是5.1版本的,从5.1到5.6的mysql各种系统管理功能,像系统表表结构、日志文件格式等等均不一致。这时直接以5.1版本去作为一个5.6版本mysql的从时,会发现连binlog日志都解析失败了。于是评估各种利弊后,决定升级5.1的数据库版本至5.6.26 。拿mysql5.1作为5.6的从时,报..._mysql_upgrade用法

Arcgis利用Arcscan对栅格图片进行矢量化_arcscan三个数据从分类-程序员宅基地

文章浏览阅读2k次,点赞5次,收藏18次。栅格数据矢量化数据介绍软件操作二级目录三级目录数据介绍上海市工业仓储用地图上海市工业仓储POI软件操作创建线和面shp文件,地理坐标和投影坐标设置,采取需要对准的工业地块的地理和投影坐标,即导入坐标系导入图片单波段,双击内容列表中的图片,进行重分类处理地理配准,需要关闭自动校正——更新显示——更新地理配准,否则生成的面和线的shp文件仍然还在原来的地方开始编辑自定义——工具条——Arcscan矢量化——矢量化设置二级目录三级目录..._arcscan三个数据从分类

linux 2.6.24.4在S3C2410上的移植(根文件系统cramfs,ramdisk,jffs2)(基于GEC2410) _2410根文件系统-程序员宅基地

文章浏览阅读4.1k次。内核可以跑起来,接下来就是移植根文件系统了.我们使用BusyBox-1.10.1来创建根文件系统.下载地址为:http://www.busybox.net/downloads/1.设置BusyBox(1)解压#tar -xvjf BusyBox-1.10.1.tar.bz2#cd BusyBox-1.10.1(2)修改Makefile,设置CROSS_COMPILEARCH ?= armCROS_2410根文件系统

全国计算机等级考试四级数据库考试介绍与考试大纲(2023年版)最新版本_计算机4级401403-程序员宅基地

文章浏览阅读562次,点赞2次,收藏4次。全国计算机等级考试四级数据库技术,科目代码42,考试时间90min。考核科目代码401、404。获证条件:取的数据库技术三级证书并且通过数据库工程师四级考试。_计算机4级401403

SMARTARM2200 ADS工程在IAR EWARM 5.3上的移植(3)-IAR Linker文件分析_iar linker文件模板-程序员宅基地

文章浏览阅读1.7k次。 为了能运行使用外部的RAM(SMARTARM2200提供的是8M BYTE的PSRAM),就需要修改linker文件,相当于ADS中的分散加载文件.以LPC2220_flash.icf为模板,创建一个LPC2220_XRAM.icf进行修改:/*###ICF### Section handled by ICF editor, dont touch! ****//*-Editor annotat_iar linker文件模板

随便推点

Java并发编程之volatile关键字的理解_构造器可以被volatile修饰-程序员宅基地

文章浏览阅读1k次。Java并发编程之volatile关键字的理解 Java中每个线程都有自己的工作内存,类比于处理器的缓存,线程的工作内存中保存了被该线程使用到的变量的主内存的拷贝。线程读写变量都是直接在自己的工作内存中进行的,而何时刷新数据(指将修改的结果更新到主存或者把主存的变量读取覆盖掉工作内存中的值)是不确定的。 volatile关键字是修饰字段的关键字_构造器可以被volatile修饰

重庆邮电大学计算机学院院徽,Slide计算机学院-重庆邮电大学.PPT-程序员宅基地

文章浏览阅读169次。Slide计算机学院-重庆邮电大学浮点数的表示 字符编码 西文字符编码 采用ASCII字符(7位二进制字符)进行编码,共128个字符 其中,控制字符:0~32,127;普通字符:94个 常用字符的ASCII码 ‘0’~‘9’ 30H~39H 48~57 ‘A’~‘Z’ 41H~5AH 65~90 ‘a’~‘z’ 61H~7AH 9..._重庆邮电大学 院徽logo

国产HS6621CxC/OM6621Px系列支持Find My网络功能方案低功耗蓝牙芯片_findmy方案-程序员宅基地

文章浏览阅读422次。Find My”是苹果公司于19年前推出的针对失物追踪,Find My iPhone(查找我的iPhone)和Find My Friends(查找朋友)的结合体应用。为第三方配件制造商设计的 Find My 网络配件计划,允许设备制造商将 Find My right 集成到他们的产品中。高性能蓝牙低功耗无线芯片HS6621Cx/OM6621Px系列支持Find My网络功能,搭载该款芯片的第三方产品可借助Find My网络功能,在发生丢失情况时,通过开启苹果设备的Find My应用对其进行追踪查找._findmy方案

java毕业设计小汽车在线预约维修平台系统设计mybatis+源码+调试部署+系统+数据库+lw_springboot+mybatisplus汽车维修-程序员宅基地

文章浏览阅读96次。java毕业设计小汽车在线预约维修平台系统设计mybatis+源码+调试部署+系统+数据库+lw。springboot基于springboot的影视资讯管理系统。springboot基于B_S架构的视频监控系统的设计与实现。springboot基于springboot的仓库管理系统。JSP计算机C语言学习网站的设计与实现sqlserver。jsp网上花卉销售系统的设计与实现sqlserver。ssm基于Vue的潍坊学院宿舍管理系统的设计与实现。ssm基于SpringMvC的流浪狗领养系统。_springboot+mybatisplus汽车维修

优化大量图片加载recyclerview列表的滑动效果_recycleview加载大量图片优化-程序员宅基地

文章浏览阅读4.9k次。通用的几种方式viewHolder复用机制图片异步加载、缓存、压缩(使用glide等解决,最好后台反2套:缩略图和原图)根据滑动状态处理加载情况这里就主要处理:1.如果在滑动的过程中且没没被加载过,那么就不加载2.(加载)2.1在滑动的过程中且加载过2.2不在滑动中主要是监听列表滚动,把状态传入adapter中,然后设置图片bean的是否加载过状态,然后根据图片状态和滑动状态确定是否..._recycleview加载大量图片优化

git中branch有三种类型_git branch type-程序员宅基地

文章浏览阅读7.4k次。git中branch有三种类型:local branch本地分支,就是我们平常操作的分支,git中默认是master分支创建分支: git branch b1切换分支: git checkout b1remote branch它实际上是指向远端服务器的某个分支,用来跟踪远程分支的变化tracking branch 跟踪分支是一种和远程分支有直接联系的本地分支(远程分支的本地书签、别名),跟踪分..._git branch type

推荐文章

热门文章

相关标签