HMVue3.4【vue-cli】
1 什么是单页面应用程序
2 什么是vue-cli
介绍 | Vue CLI (vuejs.org)
3 安装和使用vue-cli
3-1
npm install 也可以写为 npm i
3-2
3-3
关于“在非管理员身份打开dos环境下，输入vue -V命令，无效”的问题
(30条消息) vue不是内部或外部命令_weixin_189的博客-CSDN博客_vue不是内部或外部命令
3-4
npm install -g @vue/cli 安装vue脚手架报错 - 骑蝴蝶飞 - 博客园 (cnblogs.com)
3-5
(30条消息) 7种方法解决vue创建项目报错：command failed: npm install --loglevel error_moandaylab-CSDN博客
4
<template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> <h1>hello vueh1> div> template> <script> import HelloWorld from './components/HelloWorld.vue' export default { name: 'App', components: { HelloWorld } } script> <style lang="less"> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } style>
DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<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><%= htmlWebpackPlugin.options.title %>title>
head>
<body>
<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>
body>
html>
// 导入 vue 这个包，得到 Vue 构造函数 import Vue from 'vue' // 导入 App.vue 根组件，将来要把 App.vue 中的模板结构，渲染到 HTML 页面中 import App from './App.vue' Vue.config.productionTip = false // 创建 Vue 的实例对象 new Vue({ // 把 render 函数指定的组件，渲染到 HTML 页面中；即App组件内容替换index.html中#app这个div render: h => h(App), }).$mount('#app') // Vue 实例的 $mount() 方法，作用和 el 属性完全一样 /* new Vue({ el: '#app', render: h => h(App), }) */ //效果同上