簡單創建 Vue 的項目 (包括一些簡單的插件)

1. 創建一個 Vue 項目

安裝插件

cnpm install -g @vue

創建項目

vue create my_project

運行項目

cnpm run serve

2. 創建一個 Vue + webpack 項目

安裝插件

cnpm install -g @vue/cli-init

創建項目

vue init webpack my_project

運行項目

cnpm run dev

WebStorm 運行項目
創建項目後用 WebStorm 導入, 在編譯運行 npm.

3. 添加插件

安裝 Element UI 和 axios

cnpm install element-ui -S

cnpm i axios -S

在 main.js 中添加下面內容

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import axios from 'axios'

Vue.use(ElementUI)
Vue.prototype.$axios = axios

添加 Bootstrap 和 jQuery

cnpm i bootstrap-vue bootstrap -S
cnpm i jquery -S

在 main.js 中添加下面內容

import $ from 'jquery'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'

運行 JS 代碼時, 運用下面形式.

$(function () {
  console.log('success')
});

4. 靜態資源使用

使用靜態資源 jQuery.