★ 20200610： vscode的使用、vue项目的创建，基本命令学习

参考文章： https://www.cnblogs.com/zyskr/p/10609288.html

1、基本准备：

安装vscode ，安装插件，重启生效。打开终端窗口，

命令安装 vue-cli               npm install -g vue-cli

命令安装  webpack【打包js的工具】       npm install -g webpack

如果报错提示无法执行npm命令，可以尝试以管理员身份重启VScode试试有惊喜。

2、创建vue项目

此时：可以开始创建vue项目，首先创建一个文件夹用来存放你的项目，用vscode打开对应的文件夹，并在终端cd到对应的文件夹目录。

创建项目命令，输入回车:     vue init webpack myproject                  其中myproject就是项目名称

实践运行报错，类似如下错误：

参考文章解决掉：https://blog.csdn.net/Lee_taotao/article/details/106570052

接着会出现一些配置项，可以根据需要配置，也可以默认，直接按回车。然后继续等待安装依赖项。完成之后，一个基本的 vue项目就搭建完了。完成之后的vscode左边可以看到如下目录，其中main.js就是入口。

.接着运行项目，先cd到项目文件夹，cd myproject，然后输入以下指令 ：  npm run dev

我的项目是之前朋友建的，本地导入的，所有没有再新建vue项目。 npm run dev执行失败了。

尝试执行 npm install  命令，执行完成后重试。还是失败，如下：

这个地方不太懂，尝试了npm run serve  、  npm install yarn  、 yarn start 都不行，最后是 npm start 启动成功。

这个具体和一些配置有关系吧，后续了解了再补充记录分析原因。

成功之后，接着在浏览器里输入:http://localhost:8080，看到vue logo就是成功了。

项目打包发布上线          输入命令：npm run build

完成之后，项目文件夹中会出现一个dist文件夹，里面就是打包之后的内容，直接部署就好了。