新建项目

找好位置,执行 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

  1. <a name="jBpbh"></a>
  2. # 安装axios
  3. ```shell
  4. npm i axios
  5. # 安装报错,则使用下面的命令安装
  6. 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:xxxxxxxxxxxxxxxx
git push -u origin master


END