npm i -S vue-router vuex axios element-ui

原创 已于 2023-10-28 22:20:29 修改 · 163 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm

于 2023-10-28 22:05:44 首次发布
本文介绍了npmi(npminstall--save)在Node.js开发中的作用，它是包管理器npm的一个实用命令，用于便捷地在项目中管理和安装依赖，实现模块化的开发流程。

npm i -S  

-S表示当前项目

kevin_cat
关注
第六步 Vue2 集成全家桶 vue-router vuex axios 和 element-ui
mebell的专栏
09-18 2027
Vue Router是Vue.js官方提供的路由管理库，用于实现前端应用的路由功能。它可以将前端路由映射到Vue组件，实现页面的切换和导航等功能。Vue Router支持嵌套路由、路由参数、路由守卫等高级功能，能够满足各种复杂的路由需求。Vuex是Vue.js官方提供的状态管理库，用于集中管理应用程序中的状态。它将应用程序中的数据存储在一个全局的store中，并提供了一些API来改变状态和获取状态。
精选资源
vue3 + element-ui + vue router + axios
12-29
在Vue 3的基础上结合Element UI、Vue Router和Axios，可以构建一个功能强大、结构清晰的Web应用。首先，Vue 3的响应式系统和组件的定义方式让开发者能够更灵活地构建组件和管理状态。通过Vue Router，可以轻松地组织...
Vue第 19 篇，NodeJS第 2 篇，npm i -S、-D和-g的含义（-S、-D和-g的区别，--save，--save-dev，--global的含义）
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
12-12 1万+
⭐我们在使用 npm 管理项目依赖时，经常需要安装各种包来支持开发或生产环境。npm 提供了几个常用的命令行参数，如 -S、-D 和 -g，这些参数用于指定所安装包的不同作用范围和类型。理解这些参数的作用，对于有效地管理和维护项目的依赖关系至关重要。这里来简要介绍这三个常用参数及其用途，帮助我们更高效地利用 npm 进行项目开发。
nodejs：npm i与npm i -S、npm i -D区别
ruancexiaoming的博客
03-06 2266
如果指定了包名，如 npm i lodash，则会把这个包安装到当前项目的node_modules目录下，并且如果当前目录存在package.json文件，且没有显式指定-D或-S，默认当作生产环境依赖（除非包已经被明确定义在devDependencies中）。时，npm不仅会安装包，还会自动将包及其版本号添加到package.json文件的dependencies对象中，这样当其他人克隆项目并运行npm install时，这些生产环境依赖会自动安装。这是最基础的安装命令，用于安装项目的依赖项。
npm i -S 和 -D的区别
pig_ning的博客
07-04 1259
npm i -S 和 -D
npm i, npm install, npm i -S, npm i -D的异同
qq_41538952的博客
02-11 7377
这四个命令都是npm包管理器中对依赖进行下载的命令 npm i 在这之前很多朋友都说它是npm install的缩写，但是查阅相关资料之后发现这两者压根就是不同的两个命令，通过npm i下载的包不能通过npm uninstall卸载，必须使用npm unistall i 才能够卸载； npm i会帮助检测与当前node最匹配的npm 版本号，并匹配出相应npm包应该升级的版本号； npm i 安装的一些包，在当前node版本下是无法使用的，必须使用建议版本才行； npm i 安装报错不会生成np.
npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别
绿水青山的博客
07-23 9628
npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别说明dependencies 与 devDependencies举例说明 说明 i 是 install 的简写 -g 是全局安装，不带 -g 会安装在个人文件夹 -S 与 --save 的简写，安装包信息会写入 dependencies 中 -D 与 --save-dev 的简写，安装包写入 devDependenc...
Vue-Admin：基于Vue2，element ui，vue-cli，vuex，vue-router，axios，echarts后台管理系统演示。权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框
02-03
# 修改文件内容/build/webpack.base.conf.js，将element-ui和vuex-router-sync版本替换成install后node_modules目录中当前版本，注意不能用软链 # { # test: /\.js$/, # loader: 'babel-loader', # //exclude: /...
vue-vuex-router-element-webpack:基于Vue、Vue router、Vuex、Element搭建的基础MVVM框架
05-08
Vue基础MVVM框架 技术及框架 ...Element UI (UI框架) Babel (ES6/7代码转译浏览器可执行) Webpack (打包工具) 安装调试 npm i # 或 yarn npm run start # 或 yarn start 打包 npm run build # or yarn build
精选资源
webpack-vue-vue-router-axios-elument-ui
05-13
webpack-vue-vue-router-axios-elument-ui 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm ...
npm后面的 -S和-D参数详解
热门推荐
频繁记录
09-14 1万+
npm后面的 -S和-D参数详解
npm i -s -d -g 各种后缀参数含义
weixin_45774558的博客
02-22 1395
npm i -s -d -g 各种后缀参数含义
【npm i -S -D -g之间的区别】
limuzhixing的博客
01-25 408
npm i -S -D -g之间的区别
npm常用操作
yuanfangyoushan的博客
02-07 1021
npm init -y 初始化npm在当前目录生成一个package.json npm install 模块名称 （简写为：npm i 模块名称） 下载安装某个包，进行这个命令后会在当前目录中生成一个名为node-modules的文件夹 另外常见的类似写法还有： npm i 模块名称 -S (-S是–save的简写）表示下载安装这个包并将它的版本信息写入到 package.json里的depe...
npm i -S -D -g的区别
weixin_45166786的博客
08-12 361
区别 npm i -S 写入dependencies 发布到开发环境 npm i -D 写入devDependencies 发布到生产环境 npm i -g 全局安装(命令行使用) npm i 本地安装(将安装包放在./node_modules目录下)
webpack学习(四)在webpack中使用vue&export default 和 export使用方式&vue-router使用方式&webpack中子路由和样式设置
Leeue李月
07-02 2522
一、在webpack中使用vue 1.安装 vue命令 npm i vue -S 2.在webpack中使用Vue 方法1 在main.js中直接导入vue.js中的路径 import Vue from ‘…/node_modules/vue/dist/vue.js’ 方法2 main.js中通常写法： import Vue from ‘vue’ 在webpack.config.js中添加一个...
npm i 安装时-D 和 -S的区别是什么？
qq_42931285的博客
05-22 2576
npm i *** -S和npm i *** -D的区别
区分npm i和npm install, 以及-S和-D的区别
qq_45794878的博客
05-11 1938
大多数人肯定跟我一样一直认为npm i 是npm install的缩写。但他俩还是有点区别的。
安装2.5.2.2搭建vue环境 1、导入element-ui组件库 使用npm安装 指令：npm i element-ui –S 2、导入Axios 使用npm安装 指令：npm i axios npm i vue-axios 3、导入Vue Router 指令：npm install vue-router@3
最新发布
07-11
在 Vue 2.5.2.2 项目中安装和配置 Element UI、Axios 以及指定版本的 Vue Router，可以按照以下步骤进行操作。 ### 安装 Element UI 首先，使用 npm 安装 Element UI。可以在命令行中执行以下命令： ```bash npm install element-ui --save ``` 安装完成后，在 `main.js` 文件中引入 Element UI 及其样式： ```javascript import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import App from './App.vue' Vue.use(ElementUI) new Vue({ render: h => h(App) }).$mount('#app') ``` 这样就可以在整个项目中使用 Element UI 提供的组件了[^4]。 ### 安装 Axios 和 vue-axios 接下来，使用 npm 安装 Axios 和 vue-axios： ```bash npm install axios vue-axios --save ``` 安装完成后，在 `main.js` 文件中全局引入 Axios： ```javascript import Vue from 'vue' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) ``` 这样就可以在组件中直接使用 Axios 发起 HTTP 请求了[^1]。 ### 安装指定版本的 Vue Router 由于 Vue 2.x 版本需要使用 Vue Router 3.x，可以在安装时指定版本号。例如，要安装 Vue Router 3.5.4，可以执行以下命令： ```bash npm install vue-router@3.5.4 --save ``` 安装完成后，在 `main.js` 文件中引入 Vue Router 并创建路由实例： ```javascript import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' Vue.use(VueRouter) const routes = [ // 路由配置 ] const router = new VueRouter({ mode: 'history', routes }) new Vue({ router, render: h => h(App) }).$mount('#app') ``` 这样就完成了 Vue Router 的安装和基本配置[^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值