使用脚手架搭建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项目的主要内容,如果未能解决你的问题,请参考以下文章

使用vue-cli脚手架搭建项目,保存编译时出现的代码检查错误(ESLint)

脚手架搭建的vue2项目中使用sass

使用vue-cli(vue脚手架)快速搭建项目

使用脚手架搭建vue项目

搭建vue-cli脚手架

vue搭建vue-cli脚手架项目