1.概念:cli是Vue.js开发的标准工具,简化了程序员基于webpack创建工程化的vue项目的过程
2.安装:
在终端中运行:
npm install -g @vue/cli
安装成功后可以在终端中通过:vue -V查看,若如下图一样可以显示版本号,则说明安装成功
3.项目创建
①在C盘或者D盘中创建一个文件夹,(最好用全英文),然后在该文件下打开终端(注:一定要保证创建的项目是在你创建的文件夹里面),运行以下指令:
vue create "你要创建项目的名字(最好用英文)"
②创建完成后会跳转到如下页面
上面有三个选项,选择vue2.x版本、vue3.x版本以及自定义,对于新手来说一般选择最后一个Manually select features
③选择完成后跳转至下面:
一般选择这三个选择,通过空格选择或者取消选择
这三个选项中第一个代表选择版本号;
第二个Babel的作用是为我们解决js脚本兼容的问题,系统会自动帮我们配置好
第三个是选择样式
④选择完成后按Enter进入下一个页面
选择版本号
选择样式后缀文件,一般选择.less
选择配置文件生成方式,是单独放开还是放在一个文件中,一般选择单独放开
⑤然后进行下一步,系统开始生成项目,然后会提示两个命令,如图上的
cd day2-dom、npm run serve
cd day2-dom是你创建的项目,现在需要进入该文件中,所以先在终端上输入该指令
然后再运行npm run serve即可将项目运行起来