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

2020-02-29  本文已影响0人  ZH彪
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。

上一篇 下一篇

猜你喜欢

热点阅读