总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其中的文件，至于其他相关文件，了解一下即可。 vue-cli项目总体结构文件结构细分1.build——[webpack配置]build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去
前言：今天学习了一下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阅读
1.先全局安装vue-cli3.0 检测安装：
vue -V2.创建项目（这个就跟react创建脚手架项目比较像了） 这里如果你是第一次用3.0版本的话，是没有前两个的，而只有最后两个，这里是
让你选的，第一个是默认配置，一般选第二个，自己配置，这里选择最后一个 当你选择后会出现上面图上的东西，这里你可以自由选择用哪些配置，按上下键
选择哪一个，按空格键确定，所有的都
转载
2023-09-04 23:03:06
113阅读
配置eslint（.eslintrc.js）网上一搜一大把的是如何取消eslint，但是我觉得eslint是一种很好的规避风险，规范代码的东西，原来在vuecli2里用的极其舒适，但是在vuecli3里却一点作用都不起，试了好多办法，只有这个管用，首先手动建一个.eslintrc.js文件：// https://eslint.org/docs/user-guide/configuring // 这
转载
2024-04-30 17:00:43
61阅读
一、总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握，其余了解即可。文件夹目录如下：每个文件夹目录详细说明如下：二、配置目录文件讲解1、build目录(webpack配置)build文件主要是webpack的配置，目录详情如下：2、config目录(vue项目配置目录)config文件主要是项目相关配置，常用的就是当端口冲突时配置监听端口，打包输出路径及命名等，目录详情如下：3
转载
2024-01-16 22:31:10
60阅读
利用npm搭建Vue项目流程安装第一步: 官方下载node 或者pip install node第二步：可忽略 : npm install npm@latest -g 更新最新的稳定版本第三步: 安装webpack: npm install webpack第三步安装脚手架：根据官方文档中的构件流程： -- 前提是已经安装了node.js 否则npm都用不了 --
转载
2024-02-21 12:04:53
131阅读
1 安装前提已安装Node.js 8.9 或更高版本 。2 全局安装Vue CLI 3桌面"shift" + “鼠标右键” 打开鼠标菜单，然后点击‘在此处打开命令窗口’ 在命令窗口输入npm install -g @vue/cli 回车后会自动执行一坨代码，等它把代码吐完在命令窗口查看vue当前版本vue -V 啊哈，安装成功 (✧◡✧)，现在关掉命令行窗口3 到项目预装目录下搭建vue项目在预构
转载
2023-09-17 09:37:01
87阅读
VueCli脚手架创建VUE项目先安装nvm，安装教程在这里nvm安装node但是一定要注意版本，我的node版本是v14.18.3,支持对V
原创
精选
2023-12-13 10:35:12
260阅读
1.有几个问题1.你知道软件的开发流程吗答：需求获取--需求分析--设计--开发--测试--打包部署--上线2.为什么要打包答：前端的html，css，js越来越多，打开一个页面发送http也就变得很多，让后端服务器有很大压力，前端不利于性能优化，所以就要打包。把js合并压缩，css合并压缩，图片转换成img-base642.如何打包在vuecli脚手架中 直接执行npm run build 不就
转载
2024-06-29 16:38:48
97阅读
在使用 Yarn 包管理工具下载 Vue CLI 的过程中，我们需要配置开发环境、编译项目、调整参数、进行定制开发，并解决可能出现的错误。以下是一个详细的记录，为了使过程更具可读性和逻辑性，我们将内容分成几个板块。
### 环境配置
首先，我们需要为项目配置环境。以下是一个简单的配置流程图，描述了环境搭建的过程。
```mermaid
flowchart TD
A[Yarn安装] -
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. 文件分析
1. 补充：
什么叫单文件组件？
一个文件中只有一个组件
vue-cli创建的项目中，.vue的文件都是单文件组件，例如App.vue
2. 进入分析
1. package.json: 项目依赖配置文件：
如图，我们说主要的属性：
name: 项目的名称
version: 项目版本
scripts: 脚本入口
serve: 启动项目命令
build: 打包项目命令
原创
精选
2023-12-17 13:05:56
270阅读
使用步骤： 安装echarts: cnpm install echarts --save 在main.js插入语句:(echarts 5版本使用的语句) import * as echarts from "echarts"; Vue.prototype.$echarts = echarts 写一个T ...
转载
2021-10-19 16:28:00
174阅读
2评论
安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。OK！node环境已经安装完成，npm包管理器也有了。由于有些n
转载
2024-05-24 17:53:39
320阅读
1.脚手架的作用 在一个项目中会存在许多的配置，比如是否需要eslint、单元测试、babel功能等，如果这些配置全部都手动编写的话会很浪费时间，此时就需要有工具可以帮我们自动的生成这些配置，我们只需要在它生成好的目录结构中编写业务代码即可 每种框架基本都会存在对应的脚手架工具，vue的脚手架工具即 ...
转载
2021-07-17 19:34:00
744阅读
2评论
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阅读
