Vue-cli 3.0创建项目

一、介绍

   Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。

二、vue-cli 3.0 命令行创建项目

   

1.可以使用下列任一命令安装这个新的包:  

npm install -g @vue/cli
# OR
yarn global add @vue/cli

 注:Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

2.运行以下命令来创建一个新项目:

vue create hello-world

 你可以选默认的包含了基本的 Babel + ESLint 设置的 preset

也可以选“手动选择特性”来选取需要的特性

详情参考文章:vue-cli 3.0 入门介绍

三、vue-cli 3.0 图形创建项目

  通过 vue ui 命令以图形化界面创建和管理项目: 

vue ui

  上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

   

详情参考文章:vue-cli 3.0 UI控制台初体验

三、拉取 2.x 模板 (旧版本)
     

    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

      

猜你喜欢

转载自www.cnblogs.com/tianheitianyu/p/10301258.html