❤ Vue2+vue-cli+vue-router+vuex +elementUI/vant项目搭建
warning:
这篇文章距离上次修改已过185天,其中的内容可能已经有所变动。
以下是使用Vue2、vue-cli、vue-router和vuex以及ElementUI/vant搭建项目的步骤:
- 安装Node.js和npm(如果尚未安装)。
- 安装Vue CLI:
npm install -g @vue/cli
- 创建一个新的Vue项目:
vue create my-project
- 进入项目目录:
cd my-project
- 添加vue-router:
vue add router
- 添加vuex:
vue add vuex
- 安装ElementUI或vant(选择其一):
# 对于ElementUI
npm install element-ui --save
# 对于vant
npm install vant --save
- 在
main.js
中引入ElementUI或vant并Vue.use():
// 对于ElementUI
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)
})
// 对于vant
import Vue from 'vue'
import Vant from 'vant'
import 'vant/lib/index.css'
import App from './App.vue'
Vue.use(Vant)
new Vue({
el: '#app',
render: h => h(App)
})
- 配置
vue.config.js
(如果需要)。 - 启动项目:
npm run serve
以上步骤会创建一个包含vue-router、vuex和ElementUI/vant的Vue2项目,并且可以通过Vue CLI服务启动和访问。
评论已关闭