vue——cli概念、安装以及创建项目

174 阅读1分钟

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即可将项目运行起来