Vue CLI脚手架介绍
vue脚手架的作用是用来自动一键生成vue+webpack的项目模版,包括依赖库,免去你手动安装各种插件,寻找各种cdn并一个个引入的麻烦,
它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建应用程序,省去繁琐的配置工作。
第一步
先下载node和npm这2个到官网下载即可,安装完成后打开搜索cmd,拼上命令node-v
npm -v
检查是否已经安装完成
第二步安装全局vue-cli脚手架
npm install -g @vue/cli
安装 完成后检查是否已经安装完成,输入命令vue -V(这个V是大写的)
安装完成后即可进入文件
第三步进入创建
在电脑上创建一个空的文件夹,然后点击文件上方(下面的图画圈的部分)输入cmd
在命令行上输入vue create deo1(这是创建文件的名字可以自己取)
选择第三个自定义
然后再选上一些需要用的
空格键才是选上,空格键才是选上,空格键才是选上。(注意)选完之后再点击enter(确认)
然后再选择2.x
选择y
选择less
选择代码规范,选择Standard config
选择合适校验代码规范,选择lint on save
babel、postss、eslint等配置文件放到哪,选择新文件中
.是否在以后的项目都使用以上配置?选否
安装完毕之后进入目录,并启动服务
cd表示进入这个文件
npm run serve 启动该文件
这样即安装好了
在这里插入图片描述