共计 639 个字符,预计需要花费 2 分钟才能阅读完成。
- npm install vue-cli -g(下载脚手架)
npm info vue-cli (查看历史信息) | |
vue -V (查看版本信息) |
- dos 中 cd 到指标文件夹
- vue init simiple# 版本号 所下载到的自定义文件夹名字(春 simple 版本的,太简略)
- vue init webpack# 版本号 自定义文件夹名字(该版本报错机制太严,不适宜应用)
启动步骤:cd leo-webpack(你自定义的文件夹)npm install(下载所须要的的依赖,就是运行了一遍 package.json)npm run dev(webpack 启动)
App.vue 就是一个模板,最终在 mian.js 中输入(App.vue 是输出的,main.js 是输入的)在 main.js 中 import Vue from 'vue' 引入 vue 框架 | |
import App from './App' 引入 App.vue |
mian.js 中 | |
new Vue({ | |
el: 'body', | |
components: {App} | |
}) | |
components: {App} 引入得即便 App.vue |
App.js 中 | |
import Hello from './components/Hello' | |
import 自定义的名字 from 地址 | |
export default { // 输入 | |
components: {Hello} | |
} | |
用于引入内部模板 | |
App.vue 是热启动(批改内容后同时主动渲染到页面) |
- vue init webpack-simple# 版本号 自定义文件夹名字 (webpack-simple 版本,失常应用的版本)
启动步骤和上边一样
正文完