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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM