day73-分析脚手架

vue脚手架初始化

上个星期讲组会了，再看论文总结论文，而且陪对象过了情人节出去玩了几天，中间也在学习，不过没有及时总结

初始化

vue脚手架是vue提供的标准化开发工具

文件结构

.文件目录

|— node_modules

|— public

| |— favicon.ico: 页签图标

| |— index.html: 主页面

| src

| |— assets：存放静态资源

| | |— logo.png

| |— component: 存放组件

| | |—helloworld.vue

| |—App.vue

| |—main.js: 入口文件

|—.gitignore: git版本管制忽略的配置

|—Babel.config,js: babel的配置文件

|—package.json : 应用包配置文件

|—README.md：应用描述文件

|—package_lock.json : 包版本控制文件

不同版本的vue

 /*
 *   关于不同版本的vue：
 *       1. vue.js与vue.runtime.xxx.js的区别：
 *          vue.js是完整版的vue包含：核心功能和模板解析器
 *          vue.runtime.xxx.js是运行版的vue，只包含核心功能
 *       2.因为vue.runtime.xxx.js没有模板解析器，不能使用template配置项
 *         需要使用render函数接收到的creatElement函数去指定具体内容
 * */

vue.config.js 配置文件

vue inspect > output.js 可以查看到vue脚手架的默认配置

使用vue.config.js 可以对脚手架进行个性化定制和package.kson同级目录

 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
   transpileDependencies: true,
   lintOnSave:false//关闭语法检查
 })