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

猜你喜欢

转载自www.cnblogs.com/sunnyyangwang/p/10269388.html