美文网首页
Vue/Cli快速生成Vue项目基础的架构。

Vue/Cli快速生成Vue项目基础的架构。

作者: ZH彪 | 来源:发表于2020-02-29 14:29 被阅读0次
A.安装3.x版本的Vue脚手架:

​ npm install -g @vue/cli

​ vue -V 查看版本号

B.基于3.x版本的脚手架创建Vue项目的三种方式:

1).使用命令创建Vue项目

#命令:vue create my-project
        选择Manually select features(选择特性以创建项目)
        勾选特性可以用空格进行勾选。 Babel Router Linter/Formatter
        是否选用历史模式的路由:n
        ESLint选择:ESLint + Standard config
        何时进行ESLint语法校验:Lint on save
        babel,postcss等配置文件如何放置:In dedicated config files(单独使用文件进行配置)
        是否保存为模板:n
        使用哪个工具安装包:npm

#运行:
cd my-project
npm run serve   这个serve看package.json里面的这个

2).基于ui界面创建Vue项目
命令:vue ui
在自动打开的创建项目网页中配置项目信息。

3).基于2.x的旧模板,创建Vue项目 CLI版本还是3.x的
​ npm install -g @vue/cli-init
​ vue init webpack my-project

Vue-cli2.x和3.x的区别

3.x中build没了、config没了, 需要自己去配置, 3.0的安装项目时自动下载node-model。

相关文章

  • 08.vue2.0-vue-cli

    Vue 脚手架的基本用法 Vue 脚手架用于快速生成 Vue 项目基础架构,其官网地址为:https://cli....

  • Vue脚手架

    一:简介Vue脚手架用于快速的生成Vue项目的基础架构安装3.x版本的脚手架 vue-cli创建项目详细[http...

  • vue全家桶

    vue-cli 是vue官方提供的快速搭建项目的工具,只是知道可以用vue-cli直接生成一个vue项目的架构,它...

  • vue项目初始化模板(后台/大屏可视化/webApp)

    初始化VUE项目的时候我们会用到vue-cli脚手架来快速生成模板代码。我在vue-cli的基础上,结合工作中不同...

  • Vue/Cli快速生成Vue项目基础的架构。

    A.安装3.x版本的Vue脚手架: ​ npm install -g @vue/cli ​ vue -...

  • Vue脚手架Element-UI

    Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。A.安装3.x版本的Vue脚手架:npm instal...

  • vue-cli

    vue-cli脚手架的优势 有一套成熟的vue项目架构设计,能够快速初始化一个Vue项目.vue-cli是官方支持...

  • Vue-cli3脚手架 (使用图解)

    ✍目录总览: 1. Vue 脚手架的基本用法 Vue 脚手架用于快速生成 Vue 项目基础架构,其官网地址为:ht...

  • 用Vue-cli生成vue+webpack的项目模板怎么设置为v

    用Vue-cli生成vue+webpack的项目模板 $npm install -g vue-cli$vue in...

  • Vue脚手架

    5.1 介绍并安装3.x版本的vue脚手架 脚手架基本用法介绍Vue脚手架: 用于快速生成 Vue 项目基础架构理...

网友评论

      本文标题:Vue/Cli快速生成Vue项目基础的架构。

      本文链接:https://www.haomeiwen.com/subject/comphhtx.html