node自动化构建(vue CLI)

vue官网-vue CLI
一、安装vue cli(安装之前需要安装node)
1、进入管理员,2、输入npm install -g @vue/cli(多试几次)
在这里插入图片描述
二、创建项目
1、输入vue create testapp(为了方便使用,用visual studio code)
2、其中第一、二项是之前创建的,忽略
3、选择 Manually select features
在这里插入图片描述
4、空格选择需要的项目功能
在这里插入图片描述
5、需要单独文件还是所有文件都放在一个文件
在这里插入图片描述
6、要不要保存内容
在这里插入图片描述
7、选择名称(easyconfig)
在这里插入图片描述

npm install安装,npm run serve启动

8、生成html代码(打包压缩)
输入npm run build,然后就会生成dist里面这几个文件
在这里插入图片描述

9、可视界面操作
启动后,终止操作选择n,在运行vue ui在这里插入图片描述

然后会自动进入可视界面
在这里插入图片描述
10、可视界面创建项目(创建失败)
操作都是中文用来简便操作项目,没什么用,忽略6
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值