首页>>前端>>Vue->vueinstall?

vueinstall?

时间:2023-12-07 本站 点击:0

关于vue的安装

1.从node.js的官网下载node.js,本次演示选择的是稳定2.安装node.2基本上是一路next,重点是要选择安装的闹尺位置啦,本次演示选择安装在E:\nodejs里3.安装完毕后,配置node.js

运行cmd

执行npm路径配置命令

npm config set prefix "E:\岩盯nodejs\node_global"npm config set cache "E:\nodejs\node_cache"

查看本地粗弯和仓库

npm list -global

更换镜像站为国内的淘宝镜像站

npm config set registry=

查看本地镜像能不能通

npm config get registry

注意,此时,默认的模块E:\nodejs\node_modules 目录将会改变为E:\nodejs\node_global\node_modules 目录,如果直接运行npm install等命令会报错的。增加环境变量NODE_PATH 内容是:E:\nodejs\node_global\node_modules

关闭cm4.安装vue相关包

重新打开cmd

npm install vue -g 安装vuenpm install vue-router -g 安装vue-routernpm install vue-cli -g 安装vue脚手架这里的-g是指安装到global全局目录去

安装完成后,此时安装的文件都会到E:\nodejs\node_global\node_modules中

关闭cmd

对path环境变量添加E:\nodejs\node_global

重新打开cmd

运行vue -V ,如果显示版本号 则到此安装完成

vue install 简单使用

文件夹有两个文件

index.js

实现方法

test.vue是可以理解为里咐拍面可以实现各种方法,和普通的XXX.vue文件没有任何区别

下面是index.js

可以使用卖简孝component注册中稿组件

可以使用prototype挂在全局方法

也可以使用Vue.mixin()把各种方法添加到当前vue组件方法里面,methods

使用就可以在main.js使用 vue.use (test)

this.$test("test")

Vue.use() 与 install()

vue.use()往全局注入一个插件,供全局真接使用, 不需要单独引用

官网给出的解释是: 通过全局方法 Vue.use() 使用插件;我觉得脊拦启把使用理解成注册更合适一些

基本使用

但是为什么Vue.use()就可以注入插件呢?请看下文

Vue.use() 的注册本质上就是执行了一个 install 方法,install 里的内容由开发者自己定义,通俗讲就衡段是一个钩子可能更贴近语义化而已。

只要在在抛出的js文件里规定了install方法,就可以向其他ui组件库那样,使用Vue.use()来全樱如局使用

在 install 里我们可以拿到 Vue 那么和 Vue 相关的周边工作都可以考虑放在 Vue.use() 方法里,比如:

directive注册

mixin注册

filters注册

components注册

prototype挂载

VUE install 组件库方法使用

1.在until 目录里添加 一个MyPlugin.js 文件

Vue.js 的插件有一个公开方法 install。这个方余侍祥法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象谈扰:

2.在 main.js 引竖搏入

3.在其他需要的组件使用就可以

vue工程中npm install报错处理

一直提示canvas找不到,用雀信了各种方法都不顷尺轮行

把node-modules和lock文件都删除后,执行

$ npm install yarn -g

$ yarn install

通过该yarn工具进行安困告装

1.vue中 npm install -S与-D的区别

npm install module_name --save  =简写 npm i module_name -S  =写入到dependencies 对象

npm install module_name --save-dev  =简写 npm i module_name -D  =写入到devDependencies 对象

npm i module_name -g 全局安装

我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里喊基面去,比如:

--save-dev

--save

在 package.json 文件里面体现出来的区别就是,使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使郑枝谨用 --save 安装的插件,责被写入到 dependencies 对象里面搭缺去。

那 package.json 文件里面的 devDependencies  和 dependencies 区别是:

devDependencies  里面的插件只用于开发环境,不用于生产环境,而 dependencies  是需要发布到生产环境的。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Vue/17610.html