vue.cli脚手架工具 创建项目

使用vue.cli脚手架工具来快速创建开发项目
最近学习了 基本于用一个空白的模板 ,开发一个新的项目
用到的就是脚手架工具cli3 来开发
自己去下载依赖包
比如 路由 axios store 自己创建文件夹 导入 然后在mian.js中操作
自己实现功能 拦截访问,模拟后端数据并返回

先想后做,小步快跑

第一步.
选择其中一个命令安装新的包 因为这是用的Vue cli3 来开发的项目
区别于Vue cli 2 咱要是不想安装新包,那就必须用 命令…init来搭建2版本和3版本之间的关系 来引用
npm install -g @vue/cli

OR

yarn global add @vue/cli

第二步.

vue --version

我们可以用这个命令来检测安装的版本 必须在3.0版本以上就可以

第三步
npm install -g @vue/cli-service-global
安装一个全局的扩展,vue serve 的缺点就是它需要安装全局依赖,这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发

最后一步 创建一个项目
运行以下命令来创建一个新项目:

vue create hello-world
她会有一个预先设置 可以自动 也可以手动添加你自己想要的插件

你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性

桥梁命令

Vue CLI 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:

npm install -g @vue/cli-init

vue init 的运行效果将会跟 vue-**cli@2.x 相同

vue init webpack my-project**

运行项目
yarn sreve
如果你用 yarn/npm run devyarn start 命令的话 她会提示找不到该命令

原因是我们现在的cli脚手架版本是3.0 里面有很多依赖都没有 项目创建完成后很干净 ,如果你用以上命令 她会自动加载以前版本的依赖包 找不到 ,会报错
说 找不到相应的模块内容 !!!!!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值