- 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版本,失常应用的版本)
启动步骤和上边一样