Vue CLI 和 Vite

脚手架的组件

Vue CLI是基于Vue.js进行快速开发的完整系统

安装脚手架 

在管理员命令行下输入node -v，如果出现对应版本号，则说明安装成功。

 然后使用“npm install -g @vue/cli”命令来安装。

 如果出现一下情况，便是安装成功（首次安装时间较长，需耐心等待）

 安装完后，配置环境。在你安装node的文件夹里，找到含有vue.cmd的文件，我的是在node_global下。

 在系统变量中PATH中新建一个，把含有vue.cmd的文件夹复制粘贴到里面。

 在管理员cmd内输入vue -V查看

 

 创建项目（命令行创建）

 在你所创建的文件夹下（不要有中文路径），输入cmd进入命令行。

 输入vue create mydemo创建一个一mydemo为项目。（项目名自取）

 以下是步骤：

 

 这是成功会出现的

 进入mydemo项目，然后输入npm run serve运行，在浏览器输入http://localhost:8080/查看运行的项目

 

 创建项目（图形界面创建）

 步骤如下：

 

 

 

 

 

配置Less、Sass和Stylus

（现流行的CSS预处理有Less、Sass和Stylus）

 以下以配置scss为例:

 现在之前你所创建的文件夹里面，进入cmd管理员界面，输入vue create scss,创建一个以scss为名的项目。在按下回车时，选择第三个，Manually select features，然后按回车。便出现一下界面，然后按上下键选择一下所框的，点空格键选择。

 

 

 

 

 （myset名字自取）

 完成后出现一下情况