8月12号笔记
今日所学：VUE简介VUE是一个常用的前段框架，基于VUE可以实现一些常见的web的内部功能，其本质是一套用于构建用户界面的渐进式框架，简单来说，这东西很好、很快、很简单。
VUE CLI本质上是vue的工具箱，是一个基于VUE.js的完整系统。
安装vuecli直接访问其官网后根据官方文档便可以获取对应的下载指令。https://cli.vuejs.org/
创建项目的要求：1、对应的名称必须全部为小写。2、可以使用 - 来进行链接。
后续的对应构建可以直接在vscode中实现，输入vue create 项目名称 ，便可以进入到这样的项目构建模块。
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)
Default ([Vue 2] babel, eslint)
Manually select features
上两个是对应的默认配置，后一个是手动配置。
选择手动配置之后就有对应的工具选择
Vue CLI v5.0.8
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to
invert selection, and <enter> to proceed)
(*) Babel
( ) TypeScript
(*) Progressive Web App (PWA) Support
( ) Router
( ) Vuex
( ) CSS Pre-processors
>( ) Linter / Formatter
( ) Unit Testing
( ) E2E Testing
选择babel和PWA就可以了。
回车后就进入了版本选择，当前就选择3了
Vue CLI v5.0.8
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, PWA
? Choose a version of Vue.js that you want to start the project with (Use arrow keys)
> 3.x
2. x
后续是选择对应的配置文件位置，选择默认的即可。
后续是根据先前的选择给你配置一个已有的设置，先设置为否了。
Vue CLI v5.0.8
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, PWA
? Choose a version of Vue.js that you want to start the project with 3.x
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? (y/N)
然后就开始配置对应的demo了，但是注意，需要调整对应文件夹的权限到写入，我当前是完全控制了。
创建成功会显示如下信息：
⚓ Running completion hooks...
�� Generating README.md...
�� Successfully created project vue-demo.
�� Get started with the following commands:
$ cd vue-demo
$ npm run serve
右图是项目自动生成的项目结构，后续主要是在src下去编写代码。
后续有两个步骤：1、进入到项目根目录cd vue-demo。 2、启动对应项目npm run serve
到此这篇vue安装使用（vue的安装和使用）的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/32845.html