如何安装Vue_cli来创建项目

之前写过一个手动配置的，但是建议还是使用官方的脚手架。简便又高效

1.全局安装脚手架工具

在安装了node.js的基础下，如果未安装cnpm 先安装

npm install cnpm

cnpm install -g @vue/cli 

1.2 初始化项目

vue create 项目名称 

创建项目完毕之后 选择默认 按enter键直接去下一步

选择包管理工具 国内一般建议使用npm 不用修改 默认就好 如果想选择yarn 写 use yarn

1.3 切换到项目根目录中

1.4 安装需要的依赖包 根据需求安装

1.5 运行项目

最后根据package.json文件中的命令 跑项目进入开发阶段 npm run serve

项目开发完之后执行的 npm run build 生成阶段 就是打包项目生成一个dist文件

补充：在npm脚本中，package.json中的script分类可以添加自定义的命令 根据命令来跑项目生成即可

2.项目初始化 提交到平台 区别于上面的初始化项目

1.1配置完毕默认会初始化git

1.2 git指令 git status 查询当前项目的状态

1.3 git add . 增加 git commit -m “写提交内容”

1.4 生成一个Git仓库 看用什么仓库 比如githup gittab 码云等等

1.5 git push 仓库地址

vue-cli的网址 https://cli.vuejs.org/zh/guide/