web前端常用命令

vue模块化开发
1.全局安装webpacknpm install webpack -g
2.全局安装vue脚手架npm install -g @vue/cli-init
3.初始化vue项目 创建文件夹命名 cmd打开 vue init webpack appname : vue脚手架使用webpack模块化一appname项目
web前端常用命令
4.启动vue项目 项目的package.json中有script,代表我们能运行的命令
npm run dev 启动项目
npm run bulid 将项目打包
web前端常用命令
NPM安装 element-ui
推荐使用npm的方式安装,它能更好地和webpack打包工具配合使用。npm i element-ui -Sweb前端常用命令
在main.js中写入以下内容:

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)
});