Vue的基本环境搭建

环境搭建

---

安装webpack

• npm install webpack -g

安装vue脚手架

• npm install vue-cli -g

创建一个文件夹放工程,终端进入该目录

• cd进入该目录

根据模板创建项目

1. vue init webpack 工程名字
2. 进行初始化配置

进入创建的工程目录,安装项目依赖

• npm install

  安装vue路由模块vue-router 和网络请求模块 vue-resource

• npm install vue-router vue-resource --save

  启动项目

• npm run dev
  （打开欢迎界面说明搭建成功）

  APP.vue

  template 写 html模板，script写 js，style写样式

  注意问题

1. 一个组件下只能有一个并列的 div（Vue2.x版本）

   <template>

    <div id="app">
        <div id="app-in">
            something
        </div>
    </div>

   </template>

2. 数据要写在 return 里面

<script>

    export default{
        data () {
            return {
                msg: "Hello Vue!";
        }
    }
}

</script>

转载于:https://www.cnblogs.com/hqyyy/p/6525236.html