#构建vue项目
自娱自乐的前端构建
首先安装相关编译环境
仅用于记录
本机已安装 node(v12.16.2)、 vue-cli(@vue/cli 4.3.1)、npm(v6.14.4) 、cnpm
编译工具 vscode
1.新建项目文件夹FrankFront
vscode打开项目文件夹
执行命令:vue init webpack frankfront
vue init webpack frankfront
cd frankfront
npm install
npm run dev
截止目前,项目已完成构建
2.引入vuetify
npm install vuetify --save
项目src目录下创建plugins文件夹并创建vuetify.js文件
/plugins/vuetify.js
vuetify.js中写入以下内容
import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
Vue.use(Vuetify)
export default new Vuetify()
main.js 中写入以下内容
import Vuetify from 'vuetify'
import vuetify from '@/plugins/vuetify'
Vue.use(Vuetify)
new Vue({
vuetify,
el: '#app',
router,
components: { App },
template: '<App/>'
})
-vuetify 界面写博客感觉挺友好,故打算在此基础上翻新个人博客,暂时记录到这里,后续有时间继续完善…
Mark in 2020.05