vue项目学习日记一：vue的新建和打包

参考
https://blog.csdn.net/ALLENsakaru/article/details/103059429
https://blog.csdn.net/somenzz/article/details/100815458

先安装 Node.js 8.9 或更高版本，然后再使用 npm 安装 vue-cli：

npm install -g @vue/cli

创建一个vue项目

vue create <项目名字>

或者

vue-init webpack <项目名字>
//建议项目名不要使用大写

生成完之后的文件结构（图片来源）


执行，就可以看到在端口 8080 已经启动了 web 服务。打开浏览器输入 http://localhost:8080/ 即可访问到 vue 项目的默认界面。

 cd <项目名>
 npm run serve

打包

先执行 npm run build 来打包，默认配置上，将生成 dist 目录，并在 dist 目录下产生 index.html 文件，及静态资源 js，css，fonts，它们都在 dist 目录下。