关于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 是需要发布到生产环境的。