vue3+element plus创建vue-cli脚手架工程

首先,需要下载node.js!!下载地址:Node.js (nodejs.org)

创建vue-cli脚手架工程

1.如果之前安装过vue2的版本,首先卸载vue2,用管理员权限打开cmd窗口,输入:

npm uninstall vue-cli -g
如图所示则旧版vue-cli已被删除
​​

 2.安装新版vue-cli脚手架:

npm install -g @vue/cli
如图所示在新版vue-cli安装成功

 3.安装完成之后查看当前脚手架版本:

vue -V
我的版本为5.0.8(版本略高或略低没有影响)

 4.完成上述步骤之后开始构建项目,命令行输入vue create "项目名称":

vue create vue-element-plus

回车之后进入如下界面:

 这里可以看个人需要选择(嫌麻烦直接选择vue 3),我这里选择Manually select features(自由配置),下面是我个人的配置:

Linter/Formatter插件会检查你的代码变量定义后是否使用(如果没有使用有时会报错)

3. x是用vue3.0版本;2. x使用vue2,0版本
选择In package.json

输入 n

之后会安装项目(首次创建工程可能会有额外的配置选项),安装完成如下:

 依次输入在安装结束之后命令行弹出的两条蓝色语句,则启动服务:

 启动完成后会返回一个端口,通过在网页的网址栏输入端口进入项目:

 或者找到该项目所在的文件夹,直接导入到编译软件中(vscode、HbuilderX等),即可对该项目进行开发。

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值