Vue从零开始
Vue2.0从零开始入门学习,学习前后端分离框架
Thinkingcao
CSDN2019年度博客之星、博客专家,专注架构、Java、Spring、SpringBoot、SpringCloud、微服务、数据库、分布式、中间件、源码分析、JVM性能调优、K8S等领域
微信搜索公众号:「Thinking曹」,一个执着于架构的JAVA基层码农,每天带你学习新知识。
展开
-
Vue开发之vue-cli2.x环境搭建
学习Vue是否需要学会Node.js? 学习Vue不需要学会Node,Vue是前端框架,nodejs是服务端,不需要学会Node.也不需要会Node,我们如果要使用Vue的脚手架的话,只需要学习Node所引声出来的npm指令即可;一、前言近几年,前后端分离趋势越来越明显了,继而出现了很多前端新框架,当下Vue比较火热,在前后端分离项目中使用众多,Vue即可在H5端使用,也可搭建...原创 2019-10-10 17:03:25 · 706 阅读 · 0 评论 -
vue路由传参的三种基本方式
方式一:直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${id}`, })方案一,需要对应路由配置如下:{ path: '/describe/:id', name: 'Describe', component: Describe }很显然,需要在path中添加/:id来对应$router.push中path携带的参数。在子组件中可以使用来获取传递的参数值。this.$route原创 2020-08-04 23:02:13 · 903 阅读 · 0 评论 -
VsCode搭建vue通用后台管理系统vue-element-admin
vue-element-admin文档: https://panjiachen.github.io/vue-element-admin-site/zh/在线预览: https://panjiachen.github.io/vue-element-admin/#/dashboard一、vue-element-admin介绍vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了i18国际化解决方案,动态路由,权限验证,提炼原创 2020-08-03 16:23:28 · 4815 阅读 · 0 评论 -
vue执行npm install报错: Can‘t find Python executable “python“, you can set the PYTHON env variable
一、描述从网上下载的一个Vue模板项目,导入VsCode,执行npm install命令后,报错了,报错的信息是node-sass安装失败,同时提示需要python环境的错误信息,这是因为安装node-sass失败了,而node-sass依赖于Python环境,node-sass安装失败是因为默认是从国外线路下载,这些大家都是知道的,在网速不好的情况下,失败率很高。1.核心错误日志如下:Can't find Python executable "python", you can set the PYT原创 2020-08-01 01:10:52 · 25232 阅读 · 7 评论 -
node-sass安装失败的解决方案
1.设置全局淘宝镜像源npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/2.安装node-sassnpm install node-sass3. 启动vue项目npm run dev原创 2020-08-01 00:36:44 · 1794 阅读 · 0 评论 -
Vue安装yarn:无法加载文件 C:\Users\jiuyv\AppData\Roaming\npm\yarn.ps1解决
一、问题在用脚手架搭建Vue项目时,提示:无法加载文件,将Vue项目导入VsCode或WebStorm等工具后,如果使用yarn安装依赖,yarn安装完成之后,使用yarn命令时可能出现在命令无效情况。如下: yarn : 无法加载文件 C:\Users\jiuyv\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 http://go....原创 2020-03-26 20:23:48 · 12386 阅读 · 0 评论 -
Vue-Cli3版本项目构建打包部署
一、Vue cli 3 版本的和Vue cli 2 版本的区别。一、安装上区别:1.Vue cli 2 版本安装命令 :npm install -g vue-cli2.Vue cli 3 版本安装命令:npm install -g @vue/cli二、创建项目区别1.Vue cli 2 版本创建项目命令 :vue init webpack project2.Vue c...原创 2019-12-17 21:25:06 · 2007 阅读 · 0 评论 -
vue-cli3.0和vue-cli2.0项目构建、运行、编译命令区别
一、安装上区别:1.Vue cli 2 版本安装命令 :npm install -g vue-cli2.Vue cli 3 版本安装命令:npm install -g @vue/cli二、创建项目区别1.Vue cli 2 版本创建项目命令 :vue init webpack project2.Vue cli 3 版本创建项目命令 :v...原创 2019-12-06 09:52:11 · 2610 阅读 · 0 评论 -
Vue-cli3目录结构
目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件: assets: 放置一些图片,如logo等。 comp...转载 2019-11-28 23:04:49 · 1492 阅读 · 0 评论 -
Vue前端技术栈
TIP前端技术栈 ES6、vue、vuex、vue-router、vue-cli、axios、element-ui 后端技术栈SpringBoot、MyBatis、Spring Security、Jwt原创 2019-10-31 17:16:37 · 1987 阅读 · 1 评论 -
Vue开发之vue-cli3.x版本环境搭建
2019-10-30创建 :目录学习Vue是否需要学会Node.js?一、Vue开发所需要的环境1、安装node.js2、安装npm包管理器3、替换npm仓库为淘宝源4、安装构建项目骨架的工具vue-cli5、使用vue-cli创建vue-app项目:vue create vue-app二、介绍一些概念 1、vue-cli3.x ...原创 2019-10-30 21:38:38 · 1138 阅读 · 0 评论 -
VsCode如何同时打开多个项目
本来我是做Java后端开发的,对前端有所了解单并不深究,加上长时间偏向于后端,前端代码开发基本忘得差不多了,以前用的开发工具是Eclipse,Eclipse开发工具里有个工作空间的概念,可以同时打开多个、N多个项目,VSCode刚接触,不是很熟悉,感觉跟IDEA很像,Eclipse里面打开多个项目叫做workplace、IDEA里面打开多个项目叫做module、Vscode里面打开...原创 2019-10-30 16:45:13 · 26020 阅读 · 0 评论 -
vue进阶:基于vue-cli3.x创建项目(搭建手脚架)
参考:https://www.cnblogs.com/ZheOneAndOnly/p/11202844.html原创 2019-10-30 13:59:23 · 268 阅读 · 0 评论 -
使用Visual Studio Code创建Vue项目Demo
Visual Studio Code原创 2019-10-10 17:42:07 · 1502 阅读 · 1 评论 -
VsCode搭建vue极简后台管理模板vue-admin-template
前言vue-admin-template:一个极简的 vue admin 管理后台,它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。是一个vue轻量级后台管理系统基础模板,预览地址:https://woai3c.github.io/#/login或者http...原创 2019-10-11 12:30:14 · 5998 阅读 · 3 评论 -
VsCode创建Vue.js项目
前提安装node.js和VsCode步骤1、在某一目录下创建vue.js项目 命令行:vue init webpack firstvue //firstvue是项目名称2、进入firstvue的目录下 命令行:cd firstvue3、在firstvue目录下安装基于淘宝npm镜像 命令行:npm install -g cnpm –registr...转载 2019-10-11 10:51:21 · 352 阅读 · 0 评论