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

37次阅读

共计 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 是热启动（批改内容后同时主动渲染到页面）