vue项目实战解析
程序员文章站
2024-01-22 19:56:40
vue项目实战
一、创建项目
1、使用vue-cli创建项目
使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),在cmd中输入一下命令:...
一、创建项目 vue项目实战
1、使用vue-cli创建项目
使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),在cmd中输入一下命令:
p npm install --global vue-clipp
ii.创建一个基于webpack模板的新项目($ vue init webpack 项目名称)
iii.进入项目目录($ cd 项目名称)
iv.安装依赖($ npm install)
v.运行项目($ npm run dev)
2、将element-ui中的添加到项目中
p p i.将element-ui安装到项目中
npm i element-ui -s
p p ii.在main.js文件中添加如下语句即可运行p
import vue from ‘vue’;p import elementui from ‘element-ui’;p import ‘element-ui/lib/theme-chalk/index.css’;p import app from ‘./app’;p vue.use(elementui);
在路由配置中加上mode:history,可以去掉“#”
上一篇: 快速了解JAVA垃圾回收机制
下一篇: Hive常用时间函数总结