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</span></p><p data-v-2505e99a data-v-5b474d2a><span style="font-size:17px;" data-v-2505e99a> \) npm run serve
右图是项目自动生成的项目结构，后续主要是在src下去编写代码。
后续有两个步骤：1、进入到项目根目录cd vue-demo。 2、启动对应项目npm run serve
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/182135.html