搭建vue项目

一、安装 node 环境

1. 下载地址：点击进入安装地址
2. 安装完成后打开黑窗口
   快捷键 win+R 打开运行
   输入 cmd 即可打开黑窗口
3. 输入如下命令查看版本号，数字不相同也没有问题
   node -v
   npm -v
   

二、搭建vue项目

1. 新建一个文件夹
   在你想要保存项目的地方新建一个文件夹，之后你要做的 vue 项目都会在这个文件夹中（我新建的文件夹叫做mobile-terminal-mall）
   建议使用 git 新建一个仓库，可以参考我之前写的这个博客上的方法

2. 全局安装脚手架
   使用 vscode 打开你新建的文件夹
   输入命令 npm install @vue/cli -g
   
   安装完成后使用命令 vue -V 显示安装的版本号（注意3.0以上版本的脚手架才能使用下面的方法，如果版本号为3.0一下不要使用下面的方法）
   

3. 新建一个项目
   输入命令 vue create XXX，这个 XXX 的意思是这个项目的名称，根据自己的需要自行命名，注意不要有大写字母，我是命名为 myshop
   

4. 启动项目
   使用 cd XXX 进入创建的项目目录
   使用 npm run serve 启动这个项目
   

5. 启动结果
   启动后会出现如下页面
   
   按住Ctrl键 + 鼠标点击蓝色链接即可在浏览器打开此项目，结果如下：