vue 一步一步來

2021-10-07 01:38:15 字數 1110 閱讀 6023

$ cnpm install -g vue-cli

$ vue init webpack my-project

$ cd my-project

$ cnpm install

$ cnpm run dev

安裝過程有提示你選擇技術棧:

? project name f7-vue-demo

? project description a vue.js project

? author 學江

? vue build standalone

? use eslint to lint your code? yes

? pick an eslint preset standard

? setup unit tests with karma + mocha? yes

? setup e2e tests with nightwatch? yes

vue-cli · generated "f7-vue-demo".

to get started:

cd f7-vue-demo

npm install

npm run dev

documentation can be found at

$ npm install element-ui -s

f7提供了豐富的移動端外掛程式,還有許多成型的模板,用f7+vue應該是個很好的選擇

安裝教程參考: 

$ git clone f7-vue-webpack-demo

$ cd f7-vue-webpack-demo

$ cnpm install

$ cnpm run dev

project structure

最後src/main.js的**如下:

import hello from './components/hello'

components/hello.vue的**如下:按鈕

歡迎使用 element

$  cnpm run dev
程式正常執行。

一步一步 Sql Azure

一步一步 sql azure 1.使用 windowsazure 平台賬號登陸 2.新建sqlazure server 3.新建資料庫 4.為sql azure server 新增防火牆規則,只有將本機新增到規則裡才能從本機連線到該sqlazure server 5.連線到sql azure ser...

一步一步實現Vue資料繫結

這階段 git位址如下 github.com ace7523 vue 因為我學習的習慣就是一步一步的從簡到繁增加功能,大家看時候對應的看提交版本的,這部分 對應的是第一次commit。作用是 import 引用依賴時候優先在指定目錄下尋找,找不到的話再去node modules中尋找。es6的exp...

一步一步學cscope

告之 1,我不喜歡寫部落格 因為感覺太浪費時間 2,部落格能記住自己某階段學過的東西,而這些東西可能會很快的忘卻 所以我以後要學著在部落格上浪費時間 前言 本文件記錄了我今天 2007 11 9 下午學習cscope的一點收穫,特收錄部落格以作分享。在學習cscope過程中查閱了大量的文件,但發現適...