42 VUE 脚手架 安装 和 基本使用（创建项目）【命令】

Vue CLI 就是脚手架了

 

如果网络出错超时频繁 推荐用 淘宝镜像  非常快！

 

使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情

CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架

Vue CLI是一个官方发布 vue.js 项目脚手架

使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置.

 

Node环境要求8.9以上或者更高版本，才能安装VUE脚手架

---

---

 

安装VUE脚手架、【这个是全局安装 CMP 哪里安装即可】

npm install -g @vue/cli

如果你安装的是 3以上版本（Vue CLI3的版本），如果需要想按照Vue CLI2的方式初始化项目时不可以的。

下面代码检测你安装的脚手架是什么版本的：

vue --version　　　　或者  vue-V  即可。

 

 

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同

上面是安装VUE 的 脚手架
-----------
下面是新建项目


vue init webpack my-project

 

详细见：https://cli.vuejs.org/zh/guide/creating-a-project.html#%E6%8B%89%E5%8F%96-2-x-%E6%A8%A1%E6%9D%BF-%E6%97%A7%E7%89%88%E6%9C%AC

 这个了解即可，因为我管你什么什么版本 很烦的这种东西....

---

 

Vue CLI2初始化项目：

vue init webpack my-project

Vue CLI3初始化项目：

vue create my-project

 

初始化项目也叫 创建项目    你进入指定的目录 然后你创建项目即可。

上面是脚手架2 的 新建项目方式 下面是 3新建的方式 具体你自己看看自己安装的是什么版本即可