Vuejs2.9.6安装启动demo

1、安装nodejs

参考：https://www.cnblogs.com/yominhi/p/7039795.html

$ node -v

v10.15.0

$ npm -v

6.4.1

 

2、全局安装vue-cli脚手架工具

npm install -g vue-cli

$ vue -V

2.9.6

 

3、全局安装webpack

npm install webpack –g

 

4、创建webpack项目

创建一个基于webpack模板的新项目

 

5、整个项目发布流程

 

6、项目demo

创建并启动项目：

$ vue init webpack vuedemo

$ cd vuedemo

$ npm run dev

 

 7、修改demo显示

编辑./src/components/HelloWorld.vue文件，

去掉图片：删除以下语句

<img src="./assets/logo.png">

编辑./src/App.vue文件，template部分修改如下，

<template>

  <div class="hello">

    <h1>{{ msg }}</h1>

    <h2 style="color:red">第一个测试demo项目</h2>   

  </div>

</template>

 

再次访问界面，

 

自此，项目启动完成。（开启vuesjs之路）