这是我参与11月更文挑战的第14天,活动详情查看:2021最后一次更文挑战
➡️接上一篇juejin.cn/post/703043…
根据提示先全局安装vue/cli-init
npm i -g @vue/cli-init
安装完成后在用上面的命令创建项目,然后根据提示选择需要的插件等信息
-
? Project name (testproject)确认项目名称提示;直接回车就好了 -
? Project description (A Vue.js project)项目描述提示;直接回车使用默认就好了 -
? Author (***)身份;直接回车使用默认就好了 -
? Vue build (Use arrow keys)构建方式;上下键选择构建方式,我们选择第一个❯ Runtime + Compiler: recommended for most users多数人使用的 -
? Install vue-router? (Y/n)是否需要安装vue-router;我们输入y,需要安装router插件 -
? Use ESLint to lint your code? (Y/n)是否使用ESLint检查代码;我们输入y -
? Pick an ESLint preset (Use arrow keys)选择代码规范标准;两个规范标准不一样,比如Standard标准规定每行代码末尾不能加;Airbnb标准规定每行代码末尾必须加;具体看自己选择。这里我选择Standard回车 -
? Set up unit tests (Y/n)单元测试;选择n -
Setup e2e tests with Nightwatch? (Y/n)端到端测试,选择n -
Should we runnpm installfor you after the project has been created? (recom mended) (Use arrow keys)包管理器选择;选择npm回车以上是安装过程中的选项配置说明,选择后会自动创建项目目录
-
vue init 和 vue create有什么区别
这两个命令都可以创建vue项目,区别是create是cli3.x的初始化方式,做了打包配置的优化,目前模板是固定的,模板选项可自由配置,创建出来的是vue-cli3的项目,与cue-cli2项目结构不同,配置方法不同;init是cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,webpack是官方推荐的标准模板名。
下一篇开始介绍整个平台搭建的文件目录结构。