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-**[email protected] 相同

vue init webpack my-project**

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

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

你可能感兴趣的:(vue,vue)