1.1 什么是Vue CLI CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架。 Vue CLI是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。 1.2 Vue CLI使用前提条件 1. ...
转载
2021-10-28 19:57:00
172阅读
2评论
原创
2022-07-14 18:30:05
74阅读
脚手架VueCli 文章目录脚手架VueCli一、什么是CLI二、VueCLI所需要的环境三、安装Vue脚手架四、使用`CLI2`创建项目五、项目目录结构描述六、了解runtime-only和runtime-complier的区别七、了解CLI3 一、什么是CLICLI：Command-Line Interface（命令行界面），俗称脚手架。 VueCLI可以帮助我们快速开发Vue开发环境以及对应
转载
2024-03-17 00:14:49
49阅读
本地安装vue-cli 前置条件 更新npm到最新版本 命令行运行: npm install -g npm npm就自动为我们更新到最新版本 淘宝npm镜像使用方法 npm co
1. 安装node
网址：https://nodejs.org/en
下载LTS版本表示长期支持版本
说明：
node是一个基于Chrome V8引擎的javascript运行环境,让JavaScript 运行在服务端的开发平台
vuecli创建的项目必须运行在node环境中，
npm为node自带包管理工具，用于下载三方依赖包和运行项目打包等操作
npm官网https://www.npmj
原创
精选
2023-12-15 09:22:54
256阅读
# Vue3 中如何安装和使用 Axios
在开发 Web 应用程序时，我们通常需要与后端服务器进行数据交互。Axios 是一个流行的基于 Promise 的 HTTP 客户端，可以在浏览器和 Node.js 中使用。在 Vue3 项目中，我们可以通过 Vue CLI 来安装 Axios 并与 Vue3 配合使用。
## 安装 Axios
首先，我们需要确保已经安装了 Vue CLI。如果
原创
2024-05-28 03:30:17
62阅读
第一个：在浏览器中或者说浏览器可以识别的index.html中，如果要通过<sciript src=xxx>的方式引入，应该选择此版本 （.runtime）(.prod)都是可选项，如果选了（。runtime）表示只需要运行时的vue版本，不需要runtime+complier版本的vue版本，如果 ...
转载
2021-09-17 13:21:00
204阅读
2评论
1. 安装Vue CLIVue CLI是Vue框架的客户端工具，创建Vue项目、运行Vue项目都需要事先安装此工具。安装Vue CLI的命令:npm install -g @vue/cli以上命令执行完后，只要没有提示错误（Err或Error字样），即可视为成功!当Vue CLI安装完成后，可以通过以下命令查看版本号并检查是否安装成功：vue -V2. 创建项目在命令提示符窗口中，执行vue cr
转载
2024-05-29 12:57:50
204阅读
1、一般打包 ：直接 npm run build。（webpack的文件，根据不同的命令，执行不同的代码的） 注：这种打包的静态文件，只能放在web服务器中的根目录下才能运行。2、在服务器中 非根目录下 运行的 打包：需要配置 参考： 3、在本地文件系统中打开，不需要web服务器 暂时 不清楚4、使用 history模式 打包的 配置 ： http:
转载
2024-03-28 21:29:22
37阅读
背景： 公司项目历时时间较长，通过长时间的迭代，目前项目文件较多（src目录下有2217个文件），系统庞大， 之前通过vue cli2脚手架构建的项目框架，在本地开发时已经明显感觉到吃力（项目首次启动时间110s以上，热更新时间40s以上，项目打包时间119s以上）基于以上背景，决定对整个项目的构建进行重构，主要方案：vue cli2 升级到 vue cli3，该方案最简单，且影响范围最小，只是对
转载
2024-06-23 13:42:10
44阅读
一、代码规范工具1、Vetur此工具作用vue高亮显示。2、Prettier-Code formatter此工具作用格式化代码。####3、Eslint 此工具作用检测代码规范。###二、Vetur安装 只要安装vetur工具即可，安装完成后，Vue可以高亮显示。###三、Prettier-Code formatter 安装和配置第一步：安装Prettier-Code formatter工具。第二
转载
2024-06-26 13:17:25
131阅读
publicPathType: string
Default: '/'
官方文档说明：部署应用包时的基本 URL。用法和 webpack 本身的 output.publicPath 一致，但是 Vue CLI 在一些其他地方也需要用到这个值，所以请始终使用 publicPath 而不要直接修改 webpack 的 output.publicPath。默认情况下，Vue CLI 会假设你的应用是被部
转载
2024-08-05 18:07:23
82阅读
1. 前言Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。一个运行时依赖 ( @vue/cli-service )，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件
转载
2024-04-13 12:35:28
83阅读
前言：今天学习了一下typescript，typescript是javascript的一个超类，意思就是对于javascript进行内容扩展，javascript是一门弱类型语言，而typescript在我认为，就是把javascript扩展成一门强类型，就比如java，因为自己前面也学过java，所以就感觉跟java的特点一模一样，感觉就是把java的那一套，用在了javascript上，所以上
转载
2023-06-08 13:48:49
88阅读
一、创建项目，使用 npm 安装 vue-cli3 和 typescript npm i -g @vue/cli typescript使用vue create 命令快速搭建新项目脚手架vue create vue-tsvue-ts 使我们的项目名称，执行上面命令，出现如下选项：这里是单项选择，按上下键切换，按enter进行下一步：DefaultManually select featu
转载
2023-07-07 14:17:01
89阅读
说明在创建vue项目的时候如果安装了eslint插件的时候，我们的代码就会出现很多错误或者警告，这些并不是由于我们代码写错了，而是我们的代码风格不符合eslint的规范，这些规范有些可以帮助我们养成良好的编程习惯，写出更漂亮的代码，而有些代码格式化的规范并不会让我们的代码更加好看，作为一个强迫症看不得自己的代码又一对波浪线，那么就直接修改eslint的规则吧。eslint配置在package.js
转载
2024-03-27 07:32:19
135阅读
Vue3.0 和 TypeScript前端流行三大框架： Vue、React、Angular(入门门槛高)2020.9.19 vue3发布正式版， 命名 One Piecevue3带来的变化：1.性能的提升（打包体积减少，内存减少,渲染更快）vue2使用Object.defineProperty来劫持数据的getter和setter方法2.源码的升级：使用Proxy进行数据劫持通过monorepo
转载
2023-12-30 15:32:49
73阅读
1.先全局安装vue-cli3.0 检测安装：
vue -V2.创建项目（这个就跟react创建脚手架项目比较像了） 这里如果你是第一次用3.0版本的话，是没有前两个的，而只有最后两个，这里是
让你选的，第一个是默认配置，一般选第二个，自己配置，这里选择最后一个 当你选择后会出现上面图上的东西，这里你可以自由选择用哪些配置，按上下键
选择哪一个，按空格键确定，所有的都
转载
2023-09-04 23:03:06
113阅读
1. 介绍
理解： 一个路由（route）就是一组映射关系（key-value）, 多个路由需要路由器（router）进行管理
前端路由： key是路径,value是组件，通俗的将就是通过一个路径key，可以访问vue的组件，实现组件的访问与跳转以及传参
2. 基本使用
安装vue-router, 命令npm i vue-router
应用插件：Vue.use(vueRouter)
编写ro
原创
精选
2023-12-25 08:50:27
443阅读
仿有赞后台+vue+ts+vuecli3.0+elementUi+三期aixo的使用vueX的使用element的引入项目结构的搭建 前言 生病了，没有及时写上，各位观众老爷抱歉，今天写上第三期的应该比较干货，具体讲我们怎么搭建项目，以及怎么和后端进行交互，element的引入，vuex在ts改版后 ...
转载
2021-10-21 11:10:00
273阅读
2评论
