vue-cli 初始化工程

个人记录下vue-cli创建项目的步骤

卸载老版本的vue-cli (这不是必要的)

npm uninstall vue-cli -g                

如果本地使用 yarn的话,还需执行

yarn global remove vue-cli

安装全新的vue-cli

npm install -g @vue/cli        

安装指定版本的vue-cli

npm install -g @vue/cli@4.5.9

进入到指定目录,执行create命令

vue create yourprojectname

 前两个使用默认配置,[Manually select features](手动选择功能),我使用手动,回车

使用 [空格] 键选中需要的选项,回车进入下一步

选择使用的vue版本,我使用vue3,回车

选择eslint的配置,我使用最简单的 [ESLint with error prevention only](仅带防错功能的ESLint) ,回车

 在保存时做校验,[Lint on save],回车

 babel,eslint的配置放在哪里,单独的文件还是package.json,我使用单独的文件,回车

是否需要保存刚才的配置过程以待将来使用,N 不需要保存配置 ,回车后等一会儿,项目创建完成

 进入到项目目录,运行项目,命令在上图结尾处

cd yourprojectname

 npm run serve