新建项目
找好位置,执行 vue create big-event
如果前面存了预设,直接使用预设即可。
没有选择预设,按照这个方式来创建项目。
将资源放到assets中
将 外部资源assets 里面的内容,全部复制 到 src/assets 中。
清空项目
- App.vue 里面的内容清空,留下最简单的
<template><div>xxxxx</div></template>
- views文件夹、components文件夹里面的组件,都删除了
- 清理 router/index.js,结果如下 ```javascript import Vue from ‘vue’ import VueRouter from ‘vue-router’ // ————————————————— 删除导入Home组件这行
Vue.use(VueRouter)
const routes = [] // ———————— 清空这个数组
const router = new VueRouter({ routes })
export default router
<a name="jBpbh"></a># 安装axios```shellnpm i axios# 安装报错,则使用下面的命令安装npm i axios --legacy-peer-deps
安装配置Element-ui
npm i element-ui
# 安装报错,则使用下面的命令安装
npm i element-ui --legacy-peer-deps
在main.js中,导入 element 及其 css样式。并将element注册为Vue的插件:
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
Vue.config.productionTip = false
+Vue.use(ElementUI)
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
ESLint配置
在 .eslintrc.js 中,找到 rules,加入如下配置:
'space-before-function-paren': [
'error',
{
anonymous: 'always',
named: 'never',
asyncArrow: 'always'
}
]
修改了配置,必须重启服务(重新 npm run serve)
将项目推送到远程仓库
安装完项目,项目已经初始化过了,所以我们不需要再次初始化了。
进入项目文件夹,开启 终端。git add . 把所有工作区的改动,更新到暂存区git commit -m '完成初始配置' 将暂存区的更新,提交到本地仓库
打开 gitee.com ,创建新的仓库。
回到终端中,添加远程地址,首次推送。git remote add origin git@gitee.com:xxxxxxxxxxxxxxxxgit push -u origin master
END
