vue-cil3搭建项目(仅限于window环境)

由于vue-cil的更新 ,使用原先的vue init webpack projectName 这个命令已经无法创建新的项目了,所以采用了vue-cil3来搭建项目:

环境配置: 首先确定你的电脑上最好有高版本的node,使用node -v来检查版本的级别,我的版本是

安装最新版本的vue-cil(意思是如果你已经安装了vue-cli (1.x or 2.x)的版本,你需要先卸载后再安装)

npm uninstall vue-cli -g   // 卸载旧版本
复制代码

安装新版本

npm install -g @vue/cli 
复制代码

安装完毕之后,打开终端,输入

vue create vue-test
复制代码

根据出现的提示,进行配置:

选像前面出现绿色表示已经选中

按住ctrl选择你要选择的,此处我们选择需要Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化、以及单元测试,暂时不考虑端到端测试(E2E Testing)

路由选择会提示我们是否选择history模式,选择y

可以按照自己的项目需要选择,这里我的css预处理选择的是less,最后会出现是否将其保存为模板;

这样我们的一个模板就创建好了,项目的目录如下:

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值