依赖nodejs的安装,参考
nodejs的安装和验证
1.在已经安装了nodejs的机器上,使用命令提示符进行vue项目创建,命令为
vueinitwebpackvue-project
如下图所示:
¥10大数据可视化html+css+js模板vue大屏vue框架源码vue可视化15款淘宝¥79.9购买2.继续执行命令
cdvue-project
npmrundev
编译完成后,提示应用程序已经运行在某个端口上,如下图所示:
3.通过访问地址,可以看到一个vue的项目框架就已经搭建好了,如下图所示:
4.我们在命令行中输入code.来使用VisualStudioCode打开该vue项目,如下
图所示:
5.在创建好Vue项目中,通过npm的方式安装element-ui,它能够更好地和
webpack打包工具配合使用,我们在VSCode中打开终端,输入命令
npmielement-ui-S
6.打开src/main.js,通过import引入element-ui组件及样式文件,并添加到全
局Vue实例中,如下图所示:
7.我们修改