从零开始搭建VUE项目

1.准备工作

安装vue之前首先要确保你的电脑中安装了node.js，如果你还没有安装node.js，可以点击下载链接

进行下载。下载并安装完成之后，打开命令行窗口，输入命令node -v，如果出现如下图所示内容即表示安装成功。

在使用npm安装vue时，由于资源在国外，下载时速度较慢，所以需要切换成国内镜像，这里使用淘宝镜像，在命令行输入以下命令即可切换。

npm config set registry https://registry.npmmirror.com

 使用npm安装vue的脚手架

npm install -g @vue/cli

2.安装vue

假设已经安装了vscode。创建一个文件夹并用vscode打开，然后打开vscode的终端输入命令vue create demo1（demo1是项目名），随后会出现如图所示内容。

 使用键盘上的上下左右方向键可以选择，使用回车键可以确认。这里我们选择 Manually select features，按下回车会出现如图所示内容。

这里使用空格键可以选中选项，我们选择Babel、Router、Vuex和 CSS Pre-processors，按下回车会出现如图所示内容。

 这里是选择vue版本，我们选择第一个并回车。

 输入n并回车。

 选择Less回车。

 选择In package.json回车。

 输入n并回车。

 至此，项目创建完成，我们可以依次输入cd demo1、npm run serve运行项目。

 如上图所示，运行成功后会有2个链接，我们可以复制任意一个链接到浏览器打开查看运行结果，也可以按住ctrl并点击链接直接打开。

感谢观看，希望可以帮到你😁。