一、创建vue-ts项目 现Vue CLI3经内置了TypeScript工具支持 npm install -g @vue/cli vue create vue-ts 二、基于类的组件 vue-class-component vue-property-decorator vue-class-compo ...
分类:
其他好文 时间:
2020-08-27 11:47:46
阅读次数:
89
认识Vue 并安装nodeJS和NPM Vue快速入门 Vue实例 Vue指令 Vue组件化 Vue路由vue-router webpack快速入门 vue-cli入门 9.vue-cli 9.1.介绍和安装 在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载 ...
分类:
其他好文 时间:
2020-08-17 17:16:04
阅读次数:
58
VUE-CLI的服务器端部署后,页面展示路由出错。 在vue-cli搭建的项目打包部署到服务器之后,会发现首页的地址会出错: 比如: ? 我在服务端用(nginx)^~ /test 去匹配前缀带有/test/地址,跳转到静态资源即打包完成的首页。 ? 但是当我访问http://xxx.com/tes ...
分类:
其他好文 时间:
2020-08-15 22:29:08
阅读次数:
60
ps:如果之前安装有cli2需要先卸载cli2才能安装cli3/cli4 cli2、cli3、cli4安装与项目创建区别 1、安装、卸载 cli2 全局安装:npm install vue-cli -g 全局卸载:npm uninstall vue-cli -g cli3/cli4 全局安装:npm ...
分类:
其他好文 时间:
2020-08-13 22:09:10
阅读次数:
61
1、未使用externals 本项目以vue-cli脚手架为示例。未使用externals时,构建物中chunk-vendor.js体积90k。 其中:vue代码会打包到chunk-vendor.js。 2、使用external (1)vue.config.js修改 其中:键,就是用npm inst ...
分类:
Web程序 时间:
2020-08-13 11:48:35
阅读次数:
72
1.安装vue环境创建项目,注册npm账号 npm install -g @vue/cli vue create mste-component https://www.npmjs.com/signup //npm账号注册地址 npm add user//或者命令行注册,按照提示依次输入 注:请注意你 ...
分类:
其他好文 时间:
2020-08-10 16:11:03
阅读次数:
61
开发vue项目时有时候后端没办法那么快提供接口,那我们只能用mock.js自己提前模拟接口,请求数据。 1、安装vue项目 1)cnpm i -g vue-cli //安装全局vue-cli脚手架 2)vue init webpack vueAxios(项目文件夹名) 3)cd vueAxios(项 ...
分类:
Web程序 时间:
2020-08-10 13:21:53
阅读次数:
89
使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。 注意:webpack 4.X 开始, ...
分类:
其他好文 时间:
2020-08-09 11:50:44
阅读次数:
74
一,从入口文件引入出错: vue-cli 生成项目后,在入口文件 index.html 中引入本地静态js时,出现了错误 Uncaught SyntaxError: Unexpected token < 这个错误属于文件路径的问题。vue 编译时会解析地址,放在 src 文件夹中或者主文件夹中会被编 ...
分类:
Web程序 时间:
2020-08-05 20:59:41
阅读次数:
128
vue-cli 3.0 正式版于2018年8月发布,截至到2020年08月05日版本已经更新到4.4.6。Vue CLI 的包名称由 vue-cli 改成了 @vue/cli,目前网上很多的Vue项目搭建教程由于没有说明使用的vue-cli的版本,不同的操作方式往往给新人造成很大的困扰。3.0+与2 ...
分类:
其他好文 时间:
2020-08-05 14:26:01
阅读次数:
75