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之路)