关于vue.js:下载和启动脚手架步骤

  1. npm install vue-cli -g(下载脚手架)
npm info vue-cli  (查看历史信息)
vue -V (查看版本信息)
  1. dos 中cd到指标文件夹
  2. vue init simiple#版本号 所下载到的自定义文件夹名字(春simple版本的,太简略)
  3. 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 是热启动(批改内容后同时主动渲染到页面)
  1. vue init webpack-simple#版本号 自定义文件夹名字 (webpack-simple版本,失常应用的版本)
启动步骤和上边一样

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理