当前位置: 首页 > news >正文

如何优化网站首页代码广告网站推荐

如何优化网站首页代码,广告网站推荐,武汉网站推优化公司,wordpress中文cms主题1.认识脚手架结构 使用VSCode将vue项目打开: package.json:包的说明书(包的名字,包的版本,依赖哪些库)。该文件里有webpack的短命令: serve(启动内置服务器) build命令…

1.认识脚手架结构

使用VSCode将vue项目打开:

package.json:包的说明书(包的名字,包的版本,依赖哪些库)。该文件里有webpack的短命令:

serve(启动内置服务器)

build命令是最后一次的编译,生成html css js,给后端人员

lint做语法检查的。

2.分析HelloWorld程序
1、index.html

<!DOCTYPE html>

<html lang="">

<head>

<meta charset="utf-8" />

<!-- 让IE浏览器启用最高渲染标准。IE8是不支持Vue的。 -->

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<!-- 开启移动端虚拟窗口(理想视口) -->

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

<!-- 设置页签图标 -->

<link rel="icon" href="<%= BASE_URL %>favicon.ico" />

<!-- 设置标题 -->

<title>欢迎使用本系统</title>

</head>

<body>

<!-- 当浏览器不支持JS语言的时候,显示如下的提示信息。 -->

<noscript>

<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>

</noscript>

<!-- 容器 -->

<div id="app"></div>

<!-- built files will be auto injected -->

</body>

</html>

在index.html文件中:
没有看到引入vue.js文件。
也没有看到引入main.js文件。Vue脚手架会自动找到main.js文件。不需要你手动引入。
所以main.js文件的名字不要随便修改,main.js文件的位置不要随便动。
2、main.js

// 等同于引入vue.js

import Vue from 'vue'

// 导入根组件

import App from './App.vue'

// 关闭生产提示信息

Vue.config.productionTip = false

// 创建Vue实例

new Vue({

render: h => h(App),

}).$mount('#app')

3、es语法检测。
如果用单字母表示组件的名字,会报错,名字应该由多单词组成。
解决这个问题有两种方案:
第一种:把所有组件的名字修改一下。
第二种:在vue.config.js文件中进行脚手架的默认配置。配置如下:

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({

transpileDependencies: true

// 保存时是否进行语法检查。true表示检查,false表示不检查。默认值是true。

lintOnSave : false,

// 配置入口

pages: {

index: {

entry: 'src/main.js',

}

},

})

3.脚手架默认配置

脚手架默认配置在vue.config.js文件中进行。

main.js、index.html等都是可以配置的。

配置项可以参考Vue CLI官网手册,如下:

// vue.config.js
const { defineConfig } = require("@vue/cli-service");

module.exports = defineConfig({
  transpileDependencies: true,
  // 保存时是否进行语法检查。true表示检查,false表示不检查。默认值是true。
  lintOnSave: false,
  // 配置入口
  pages: {
    index: {
      entry: "src/main.js",
    },
  },
});

http://www.ds6.com.cn/news/17159.html

相关文章:

  • web网站开发框架top百度关键词推广帝搜软件
  • 怎么制作网站教程步骤视频各大网站提交入口网址
  • 北京 网站 外包营销型网站建站推广
  • 网页传奇变态版游戏优化公司
  • 大学校园网站建设方案网站设计案例
  • 做哪个网站有效果广告语
  • 做网站功能的框架结构图阿里云免费建站
  • 高臣网站建设公司国际新闻最新
  • 加强公司内部网站建设百度网页版登录首页
  • wordpress隐藏留言软媒win7优化大师
  • 做微新闻怎么发视频网站网上全网推广
  • wordpress编辑网站百度榜
  • 本地门户网站系统合肥seo排名优化
  • 那个网站专门做二手衣服的关键字排名优化公司
  • 网站如何做镜像指数基金定投怎么买
  • 网站新闻置顶怎么做网络公司主要做哪些
  • 废旧材料手工制作大全郑州seo课程
  • 个人网站建设模板武汉最新疫情
  • 网站性能优化方案东莞网站公司排名
  • joomla 1.5 网站建设基础教程企业建站系统
  • 做电影分享网站违法吗最新的网络营销方式
  • html5 学习网站个人网站规划书模板
  • 网站怎么测试各地速度如何建立自己的网络销售
  • 蜘蛛云建网站怎样阿里数据
  • 哪些网站做的好看百度推广客户端怎么登陆
  • 注册公司的流程和步骤淘宝关键词优化推广排名
  • 公安局网站开发商百度推广app下载安卓版
  • php网站开发设计论文爆款引流推广软件
  • 武进建设局网站开发新客户的十大渠道
  • 常熟制作网站的地方怎么创建一个属于自己的网站