Vue搭建一个项目

这个纯粹是写给自己的，总是忘记。。。

装好node，npm，Vue脚手架以后，在文件夹内，cmd，输入命令：

vue create ********(星号就是项目名称，不能有大写字母，可以有中划线，下划线)

等待一段时间，在下载一些相关的依赖。。

 

就好了

 -----------------------------------------

然后，进入到项目里面，npm run serve ，把项目跑起来。

然后到localhost:8080看就可以了

------------------------------------------

我要使用element-ui，就要下载对应的依赖，就在命令框输入：

npm i element-ui -S

注意：虽然项目里面有element-ui库，但是还是要在main.js中引入element-ui(参考element官网)

直接覆盖就好了。

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

 

------------------------------------------

装路由

npm i vue-router @3.2.0

 然后在main.js里面添加路由

上面代码变为：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

import router from './router'

Vue.use(ElementUI);


new Vue({
  router,
  el: '#app',
  render: h => h(App)
});

然后就在根目录(src)下创建路由router文件夹，里面新建index.js文件，在index.js里面编写路由逻辑。