- 新接触到 .Net Core 前后端分离型项目
- 前端用 Vue + Element 作为开发框架
- 于是便开始了半小白学习之路，一起加油学习哦 😃😃
1、安装Node.js
官网下载安装即可 官网地址：http://nodejs.cn/download/
2、安装webpack
在命令行里面输入：npm install --global webpack 全局安装
3、安装vue-cli 开发脚手架
在命令行里面输入：npm install -g @vue/cli 全局安装
在命令行里面输入：npm i -g @vue/cli-init 全局安装
4、创建项目并运行
在指定的目录下进入cmd界面 输入: vue init webpack webtest(webtest 项目名称)
然后一路 Enter 最后可以看见如下提示：
cd webtest
npm run dev
按照操作运行即可。最后会弹出项目运行地址，通常是：http://localhost:8080/#/进入地址就可以看见界面了
5、引入element-ui
进入 webtest（项目文件） 文件夹，进入cmd命令行界面 输入： npm i element-ui -S 即可 安装 Element-Ui
最后打开修改 /src/main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
