1.安裝node.js

這樣才能run npm

 

2.在你的資料夾啟動指令

npm init

這樣才能開始使用npm

 

3.安裝webpack（套件管理）

npm install webpack -g

參考：https://blog.guowenfh.com/2016/03/24/vue-webpack-01-base/

 

4.安裝vue-cli（ vue 懶人開發包）

npm install -g vue-cli

參考：https://github.com/vuejs/vue-cli

參考：https://vuejs.org/v2/guide/installation.html#NPM

 

5.安裝vuetify （为移动而生的Vue JS 2组件框架）

npm install vuetify

參考：https://vuetifyjs.com/vuetify/quick-start

 

6.開始專案

vue init vuetifyjs/webpack-advanced 你自己取的專案名字

參考：https://www.youtube.com/watch?v=CM-ui3tjgdk

? Target directory exists. Continue? Yes
? Project name vue1004
? Project description A Vue.js project
? Author fenturechance <fenturechance@gmail.com>
? Vue build runtime
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? No
? Setup e2e tests with Nightwatch? No

   vue-cli · Generated "vue1004".

   To get started:

     cd vue1004
     npm install
     npm run dev

   Documentation can be found at https://vuejs-templates.github.io/webpack

7.在專案中開始安裝套件

 npm install

 

8.npm run dev

直接跳出localhost:8080

虛擬server

 

9.把預設的src/App.vue 變成這樣，以便自己自製

<template>
<v-app dark>
<v-toolbar>
<v-toolbar-title>哈囉你好</v-toolbar-title>
</v-toolbar>
<main>
 
</main>
</v-app>
</template>
 
<script>
export default {
data () {
return {
 
}
}
}
</script>

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Jerry 的頭像
    Jerry

    Bug倉庫 // 程式日記

    Jerry 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄