vue 学习笔记1——初始化及基本的安装和操作
来源:互联网 发布:ebsco数据库入口 编辑:程序博客网 时间:2024/06/05 08:00
vue 学习笔记1——初始化及基本的安装和操作
1.自己引入vue.js,直接用vue和ES6语法,可以引入JQ,来使用
预装环境 node和npm 可以挂淘宝镜像
全局安装vue-cli
npm i -g vue-cli
创建webpack项目,便于打包
vue init webpack vue-text(项目名称一定要为中文)
cd vue-text 进入项目目录
npm install 下载依赖关系
其他的插件或是依赖关系,根据自己和项目的需要,down
再使用npm run dev 来热加载我们的应用
且运行服务器,我们在localhost:8080即可查看我们的应用
一般在浏览器中查看的时候,当前状态是和官网上面的Hello Vue的页面一样
在安装其他插件的时候
请注意package-lock.json的文件
建议优先删除它之后再进行其他安装包和依赖的下载安装
之后他会自己重新生成
注意webpack.base.conf.js的配置文件
1.webpack.base.conf.js中
1.1在调试的时候,不建议修改其中的输入文件的publicPath的初始配置,网上有些帖子是直接修改,可能是因为年代久远的原因,但是我不建议,不建议!现在有的vue-cli,在此处为一个三目判断,run dev和run build的时候,是走的两条线了。
1.2根据提示,进入config文件夹中的index.js文件
build中定义npm run build时候的相关参数
此时我们只看两个设置
assetsSubDirectory: ‘static’, //设置build后的初始引入文件夹(我是这么理解的)
assetsPublicPath: ‘./’, //设置公共路径(默认的是/ 现在改为 ./ 为相对路径,我是这么理解的)
打包的时候,npm run build的时候,注意要修改成’./’ 记住
这是将输出文件的路径修改成相对当前的路径
build,之后就就可在dist文件夹中的index.html就可以打开正常了
关于npm run build之后的相关问题,会在后续的文章中设置,此处只是最简单的介绍,在dev和build的时候都能显示基础的页面。
vue学习笔记,是根据网上的一些帖子,自己在学习过程中实际情况,总结而来。每个人在学习过程中和实际操作中是有明显的个体差异的。本文仅作参考使用。
- vue 学习笔记1——初始化及基本的安装和操作
- linux学习笔记1——指令的基本格式及基本文件操作
- MySQL学习笔记-安装和基本操作
- vue学习笔记-----vue+webpack初始化项目(vue1.0的安装)
- Linux学习笔记(一)——系统安装及基本操作
- vue.js学习笔记(一)安装及项目的创建和运行
- Vue学习笔记(1)安装vue
- VUE安装及项目初始化
- 学习笔记——JAVA反射<1>反射机制的介绍和基本操作
- 菜鸟的《Linux程序设计》学习——MySQL数据库安装、配置及基本操作
- c++学习笔记--指针初始化和赋值操作的约束
- Git之1——安装和基本仓库的初始化
- Mongodb:笔记一(安装及基本操作)
- Oracle学习笔记1-用户操作及基本数据类型
- c++学习笔记—单链表基本操作的实现
- c++学习笔记—二叉树基本操作的实现
- vue学习笔记8——在vue中操作DOM
- MySQL学习笔记——基本操作
- Web应用程序的开发步骤
- java 对象克隆工具类
- ★古今中外著名14大悖论
- 一分钟了解负载均衡
- RxJava 和 RxAndroid 四(RxBinding的使用)
- vue 学习笔记1——初始化及基本的安装和操作
- Web缓存欺骗攻击
- 云坤丨带你走进互联网技术“创新”金融服务模式
- 常用的20个正则表达式
- Android学习笔记十八之TabLayout标签布局
- 单例模式
- pdf阅读器怎么样去拆分文档啊
- 同页面有多个部分用到CheckBox全选全不选
- 10:满足条件的数累加