使用脚手架搭建vue项目
Posted chinda
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用脚手架搭建vue项目相关的知识,希望对你有一定的参考价值。
全局安装环境
安装webpack
npm install webpack -g
安装vue脚手架
npm install -g @vue/cli-init
初始化vue项目
vue init webpack [projectName]
注意: vue不是内部命令错误修复。全局搜索vue.cmd,将此目录配入环境变量即可。
启动项目
npm run dev
打包项目
npm run build
整合ElementUI
npm install element-ui
引入Element
在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)
});
以上是关于使用脚手架搭建vue项目的主要内容,如果未能解决你的问题,请参考以下文章