Vue.js创建Webpack项目

1.安装Node.js
下载地址 https://nodejs.org/en/download/ ，下载完之后点击安装，然后根据提示进行即可
安装完毕后，打开终端输入，如若输出相应版本号则说明安装成功(安装node.js的同时已经装上了npm)

node --version
npm --version

2.安装Vue.js

#升级 npm
cnpm install npm -g

# 升级或安装 cnpm
npm install cnpm -g

# 全局安装 vue-cli
cnpm install --global vue-cli

3.创建基于 webpack 模板的新项目
输入代码后一直回车

vue init webpack echarts

4.进入项目，安装并运行

cd echarts
cnpm install
cnpm run dev

5.浏览器打开访问 http://localhost:8080/

感兴趣的话可以打开src/App.vue，修改编辑文件内容，创建自己的专属网页，
a、例如在原文件的基础上，对红色框框部分进行修改

b、打开目录 src/components ，创建 Hello.vue 文件，具体代码如下

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: '欢迎来到As的博客!'
    }
  }
}
</script>

c、保存后刷新页面，效果如下

更多创意请尽情想象！