首页 > 其他分享 >Win10+Vue环境配置

Win10+Vue环境配置

时间:2023-01-11 19:34:28浏览次数:61  
标签:npm node Vue nodejs 配置 global vue install Win10

发现前年写的代码是答辩,决定试试Vue

1. 下载npm

npm 是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。

下载地址

安装的时候什么选项都不用勾选。

2. 修改扩展下载全局地址:

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

其中nodejs为安装nodejs的路径,node_global为下载扩展的路径。

修改源为淘宝镜像:

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

修改环境变量:

将个人用户中的Path中默认在C盘的npm修改为D:\nodejs\node_global

系统变量新建NODE_PATH,值为D:\nodejs\node_global

3. 然后以管理员身份运行cmd,安装相关包:

npm install vue -g
npm install vue-cli -g
npm install vue-router -g
npm install webpack -g

4. 新建项目

将当前路径切换到项目的父文件夹,然后以管理员身份执行:

vue init webpack 项目名称
npm install

运行新建的项目:

vue run dev

 

 

 

 

 

 

 

 

 

 

运行成功。

标签:npm,node,Vue,nodejs,配置,global,vue,install,Win10
From: https://www.cnblogs.com/capterlliar/p/17044723.html

相关文章

  • vue3之 element-plus的动态图标
    Vue2中使用ElementUI的图标渲染是通过<iclass="el-icon-plus"></i>渲染Vue3中使用ElementPlus图标渲染是通过<el-icon><Plus/></el-icon>渲染所以在使用ElementU......
  • 《Vue3.x +TpyeScript实践指南》勘误
    图书出版已有一段时间,书中已发现错误如下:书的第14页,倒数第3行,npminit-y命令中,init和-y之间应该有个空格;书的第32页,代码的第1行,应该为模板字符串符号`,我看印刷的事单引......
  • maven配置文件settings.xml没生效导致报错 401 ReasonPhrase: Unauthorized
    1、查看当前mavne正在使用的setting.xmlmvnhelp:effective-settings-DshowPasswords=true2、settings.xml存在于两个地方Maven安装的地方:$M2_HOME/conf/settings.xm......
  • Python环境配置
    打开命令窗口三种方法:1.win+rcmd2.我的电脑cmd3.搜索命令提示符打开输入python进入交互式界面pipinstall(安装)request(爬虫模块)输入exit()退出pip下载他人的代码使用(类......
  • slf4j配置使用
    环境:IntelliJIDEA2022.2,jdk8插件要求:Settings-->Plugins中安装lomkob插件pom依赖项:<dependency><groupId>org.projectlombok</groupId><artifactId>lombok......
  • Vue使用Proxy代理后仍无法生效的解决
    devServer:{port:8080,proxy:{'/manage':{target:process.env.VUE_APP_API_BASE_URL,ws:false,changeOrigin:true,p......
  • 关于php修改了php.ini配置不生效
    最近在使用hypref,php的版本是7.4安装了swoole后,需要在php.ini中修改一下配置文件 添加 swoole.use_shortname='Off'但是添加了,重启php,依然不生效解决方法是:同时修改php......
  • ThinkPHP5 + predis 环境配置
     首先,下载Predis源代码,地址:https://github.com/nrk/predis/tree/master。将代码至于/vendor  目录下,代码结构如下:  2.创建Redis.php文件【方便引用】路径:\thinkphp......
  • thinkphp安装在子目录的nginx配置
    进行URL重写,将默认访问URL中的index.php?s=通过rewrite隐藏location/blog/{indexindex.phpindex.htmlindex.htm;if(!-e$request_filename){rewrite......
  • nginx反向代理,解决vue项目跨域问题
     nginx的配置:  把/api转到另一个域名下#PROXY-START/apilocation/api{expires12h;if($request_uri~*"(php|jsp|cgi|asp|aspx)"){expires0......