![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
摸路
这个作者很懒,什么都没留下…
展开
-
Vue2项目架构搭建(四)——Sass和css引入
sass引入 方法一:在main.js中加入import "./style/***/****.scss"; 方法二:在App.vue文件的style@import "./style/***/****.scss"; 方法三:在vue文件的style中写sass语句,需要设置style的lang属性为“scss”否则会无效,scoped表示只对该组件生效。 div{原创 2018-01-19 16:40:09 · 987 阅读 · 0 评论 -
Vue2项目架构搭建(三)——修改项目目录
vue-cli创建的项目目录比较简单,而且还有些测试的界面需要删除,因此在路由设置和组件引入之前先调整一下项目的目录。vue-cli创建的目录├── README.md // 项目说明文档 ├── node_modules // 项目依赖包 ├── build /原创 2018-01-19 15:36:25 · 688 阅读 · 0 评论 -
Vue2项目架构搭建(二)——vue-cli脚手架创建项目
vue-cli是官方命令行工具,该工具为现代化的前端开发工作流提供了开箱即用的构建配置,只需几行命令就可以搭建好基础架构。安装vue-cli 使用npm全局安装vue-clinpm install -g vue-cli 安装完成后,执行vue list 会报“vue不是内部或外部的命令”,说明环境变量有问题vue-cli环境变量设置 设置vue-cli的系统环境变量原创 2018-01-19 14:35:41 · 5161 阅读 · 1 评论 -
Vue2项目架构搭建(一)——npm、webpack安装及配置
此系列博文为搭建Vue2项目架构,使用知识涉及npm安装第三方库、webpack项目管理、vue-cli安装Vue全家桶、vue-router 2.0路由跳转、axios获取API数据,从基础工具开始到项目打包。NPM安装及配置 NPM是随NodeJs一起安装的包管理工具,因此只需要安装nodeJs即可,npm允许从NPM服务器下载别人编写的第三方包到本地使用,前端人员不用再满世界的原创 2018-01-19 13:12:54 · 1277 阅读 · 0 评论 -
Vue2项目架构搭建(九)—— 打包项目
vue开发的东西基础架构已经搭建完成,还有很多关联的插件,具体等以后用到再补充,最后就是项目打包。 打包代码 vue-cli已经配置好打包工具,只需要我们在当前项目下build就好,连续两次Ctrl + c 退出服务启动,执行 npm run bulid 下图显示完成打包和生成的文件目录: 打包完成后,项目目录会自动生成打包生成的dist文件夹,证明打包成功了。 检测打包代码原创 2018-01-22 17:30:40 · 360 阅读 · 0 评论 -
Vue2项目架构搭建(六)——axios调用接口、webpack代理跨域配置
自从Vue 更新到 2.0 之后,官方就不再更新 vue-resource目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求。 axios的使用 vue-cli没有预下载axios库,因此需要先安装axios库: npm install --save-dev axios 安装好之后,先在main.js中引入axios,再设置全局属性$http指向axios原创 2018-01-22 11:33:44 · 6326 阅读 · 2 评论 -
vue引入sass全局变量
vue引入sass全局变量 sass或者less都提供变量设置,在需求切换主题的项目中使用less或者sass变量,只要修改变量值,编译后所有用到该变量的样式都会被修改为你想要的效果,但是在vue-cli搭建的项目中,在main.js中全局引入一个scss文件,在其中定义变量在其他组件或者页面中引用报变量未定义错...原创 2018-03-22 13:45:16 · 12586 阅读 · 2 评论