安装使用配置NPM环境，并下载vue,vue-router,vue-cli

最新推荐文章于 2023-11-15 15:51:29 发布
VIP文章 最新推荐文章于 2023-11-15 15:51:29 发布
阅读量2.4k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renyzhi/article/details/105214684
版权

安装Nodejs

这一步没有什么好说的，很简单就下一步下一步安装即可
我们直接找到官网的下载路径下载即可，我下载的是下面的这个版本
在这里插入图片描述

安装验证：我们现在需要验证是否安装成功，所以我们打开cmd，在cmd 中输入node -v 和 npm -v
在这里插入图片描述
可以看到安装成功了，现在其实是可以使用的，但是为了更好的管理我们的下载路径所以我们需要更改一下全局环境

cmd 下输入npm list -global,可以看到你的路径，但是我忘记截图了
在这里插入图片描述

再看看另外2个目录，npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动回到D:\Program Files\nodejs

在这里插入图片描述

我们到指定的位置下手动创建这两个目录，现在是空的，因为我们还没配置

cmd 下输入
npm config set prefix “D:\Program File

最低0.47元/天 解锁文章
RENYZHI
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-taro-router:基本 Taro ，扩展成 vue-router 的使用体验
05-28
VueTaroRouter 基本 Taro ，扩展成 vue-router 的使用体验 Installation npm i vue-taro-router -S Usage // router.js import VueTaroRouter from "vue-taro-router"; const router = new VueTaroRouter(); // 添加拦截器 router .beforeEach((to, from, next) => { console.log(to); console.log(from); next(); }) .beforeEach((to, from, next) => { if (~to.path.indexOf("abc2")) { // 在拦截器里重定向 next({
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
vue-router-sitemap通过vue-router配置安装npm i --save vue-router-sitemap示例用法// router.js import VueRout vue-router-sitemap通过vue-router配置生成sitemap.xml安装npm我-保存vue-router-sitemap示例用法// router.js从'vue-router'导入VueRouter; 导出const路由器：VueRouter =新的VueRouter（{路由：[{路径：'/'，名称：'index'，组件：Index，}，]，}，）; // sitemapMiddleware.js从“ vue-router-sitemap”导入VueRouterSitemap； 从“路径”导入路径； 导入{路由器}
配置路由的步骤
weixin_43502808的博客
09-18 632
路由配置
安装router(vue)和更改router版本号
zywmac的博客
11-15 361
安装router(vue)和更改router版本号
vue-router安装和使用
cqzdmm的博客
02-08 4226
vue-router安装和使用
vue-router版本和npm版本问题
SlinaW的博客
11-12 2568
学习vue-router
axios & 路由
weixin_41909678的博客
08-25 963
axios 基本语法 GET 请求 <template> <div class="left-container"> <button @click="getInfo">发起 GET 请求</button> </div> </template> <script> import axios from 'axios' export default { methods: {
vue-router的安装和使用
CSSAJBQ_的博客
11-23 7354
第一步：导入路由对象，并且调用Vue.use(VueRouter)第三步：使用路由:通过< router-view >推荐安装稳定版本 vue-router@3.5.2。第二步：创建路由实例，并且传入路由映射配置。第三步：在Vue实例中挂载创建的路由实例。第二步：配置路由映射：组件和路径映射关系。vue create 项目名称（英文）第一步：创建路由组件。
Vue-router的引入和安装
Lzysnd的博客
03-02 3048
Vue-router的引入和安装
Vue Router安装使用教程
weixin_43749805的博客
05-09 898
Vue Router 是 Vue.js 的官方路由管理器，用于构建单页面应用（SPA）。
搭建Vue从Vue-cli到router路由护卫的实现
12-13
首先安装vue-cli mac: sudo npm install -g @vue/cli github: https://github.com/XinYueXiao/vue-routes 1、Vue-cli基础使用 1.1 创建测试项目 vue create vue-routes 1.2 创建成功,启动项目 yarn serve 在 ...
vue-router-next：Vue 3官方路由器
02-06
vue-router-next 这是Vue路由器4的存储库（适用于Vue 3）...快速开始通过CDN： [removed][removed] 浏览器在上的将其添加到现有的Vue项目中： npm install vue-router@4对Vue Router 3的更改请查阅《 。贡献请参阅。特
vue-router-view-transition:使用scrollBehavior正确地进行超时转换
03-10
npm install vue-router-view-transition # or yarn add vue-router-view-transition 用法 该库导出一个组件和一个函数。 您需要同时使用以下两者： 首先，您可以全局安装组件RouterViewTransition ： import { ...
电力系统调度过程连续潮流matlab代码.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar
04-26
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar 【项目技术】 开发语言：Java 框架：Spingboot+vue 架构：B/S 数据库：mysql 【演示视频-编号：330】 https://pan.quark.cn/s/8dea014f4d36 【实现功能】 付费问答系统通过MySQL数据库与Spring Boot框架进行开发，付费问答系统能够实现新闻类型管理，问题帖子管理，付费记录管理，新闻信息管理，用户管理，轮播图管理等功能。
关于旁路电容和耦合电容-(详细说明)
最新发布
04-26
关于旁路电容和耦合电容-(详细说明)
Git 与 Simulink 测试：远程测试的最佳实践.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
重庆大学电气工程学院2011级电机学课堂测验 直流电机.pdf
04-26
重庆大学期末考试试卷，重大期末考试试题，试题及答案
LabVIEW 数据采集模板.zip
04-26
labview 与 C 和BASIC 一样，LabVIEW [2]也是通用的编程系统，有一个完成任何编程任务的庞大函数库。LabVIEW [3]的函数库包括数据采集、GPIB、串口控制、数据分析、数据显示及数据存储，等等。LabVIEW [3]也有传统的程序调试工具，如设置断点、以动画方式显示数据及其子程序（子VI）的结果、单步执行等等，便于程序的调试。 LabVIEW [2]（Laboratory Virtual Instrument Engineering Workbench）是一种用图标代替文本行创建应用程序的图形化编程语言。传统文本编程语言根据语句和指令的先后顺序决定程序执行顺序，而 LabVIEW 则采用数据流编程方式，程序框图中节点之间的数据流向决定了VI及函数的执行顺序。VI指虚拟仪器，是 LabVIEW 的程序模块。 LabVIEW [2] 提供很多外观与传统仪器（如示波器、万用表）类似的控件，可用来方便地创建用户界面。用户界面在 LabVIEW 中被称为前面板。使用图标和连线，可以通过编程对前面板上的对象进行控制。这就是图形化源代码，又称G代码。
适配4.5.13版本的vue-cli的vue-router
06-06
在Vue CLI 4.5.13版本中默认安装的是Vue Router 4.x版本，如果需要使用Vue Router 3.x版本进行适配，可以按照以下步骤操作： 1. 创建Vue项目： 使用Vue CLI创建项目，选择手动安装特性，并且不选择Vue Router插件。 ``` vue create my-project ``` 2. 安装Vue Router 3.x版本： 在项目根目录下安装Vue Router 3.x版本。 使用npm： ``` npm install vue-router@^3.0.0 ``` 使用yarn： ``` yarn add vue-router@^3.0.0 ``` 3. 配置Vue Router： 在src目录下创建router目录，并且创建index.js文件。 ```javascript import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ // 路由配置 ] const router = new VueRouter({ routes // 简写，相当于routes: routes }) export default router ``` 然后在main.js文件中引入和挂载router。 ```javascript import Vue from 'vue' import App from './App.vue' import router from './router' Vue.config.productionTip = false new Vue({ router, render: h => h(App), }).$mount('#app') ``` 这样，就可以使用Vue Router 3.x版本进行开发。需要注意的是，Vue Router 3.x版本和4.x版本在某些API上有所差别，需要根据官方文档进行相应的调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值