【Vue3从入门到项目实现】Vue-cli 的简单认识

vue脚手架是vue官方提供的标准化开发工具(开发平台)
https://cli.vuejs.org/zh/guide/

安装CLI、使用CLI创建启动工程

# 下载node.js
https://nodejs.cn/download/
# node.js:更换淘宝镜像源
npm config set registry https://registry.npm.taobao.org
# 管理员权限运行cmd 
npm install -g vue 
npm install -g @vue/cli
npm install -g @vue/cli-init

# 到你想创建项目的目录下,创建名为myproject的vue-cli项目, 注意开启管理员权限
vue create hello-world
# 选默认配置,如果卡住了就参考:https://blog.csdn.net/qq_37732761/article/details/115128877
# 用vscode打开项目
# 终端执行命令:
npm run serve
# 在 http://localhost:8080 就可以看到启动的Vue-cli项目

在这里插入图片描述

vue-cli 结构

在这里插入图片描述

package.json

在每个前端项目中,都有 package.json 文件,它是项目的配置文件,常见的配置有配置项目启动、打包命令,声明依赖包等。
package.json 文件是一个 JSON 对象,该对象的每一个成员就是当前项目的一项设置。具体细节可以看这个文章:https://zhuanlan.zhihu.com/p/553050986

package-lock.json

简单理解就是锁定dependencies的版本号。
一般来说前端的项目都有一个package.json文件管理依赖的版本号,在package.json文件里我们可以看到依赖的版本号前面一半有^~这些符号。
^:锁定大版本号,比如是^6.2.2,会匹配所有6.x.x的版本,更新的时候会下载最新的版本号
~:锁定前面两个版本号,比如是^6.2.2,会匹配所有6.2.x的版本,更新的时候会下载最新的版本号
*:安装最新的版本号。

一般来说新建的项目是没有package-lock.json这个文件,执行npm install时候它会自动生成。

Vue.config.js

我目前只知道它可以做反向代理配置。后续再做补充吧。
https://blog.csdn.net/Lanna_w/article/details/120926928

相关推荐

  1. vue3精通入门1: vue3特点以及与vue2区别

    2023-12-07 16:56:08       41 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 16:56:08       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 16:56:08       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 16:56:08       82 阅读
  4. Python语言-面向对象

    2023-12-07 16:56:08       91 阅读

热门阅读

  1. 监控WebLogic

    2023-12-07 16:56:08       60 阅读
  2. Flink Operator 使用指南 之 全局配置

    2023-12-07 16:56:08       54 阅读
  3. PaddleDetection训练目标检测模型

    2023-12-07 16:56:08       51 阅读
  4. docker 安装nacos

    2023-12-07 16:56:08       57 阅读
  5. flink1.10袋鼠云 迁移 flink1.15原生环境 事项汇总

    2023-12-07 16:56:08       58 阅读
  6. 网络通信安全的坚固防线双向认证技术详解

    2023-12-07 16:56:08       55 阅读
  7. TCP聊天

    TCP聊天

    2023-12-07 16:56:08      55 阅读