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新建的方式 具体你自己看看自己安装的是什么版本即可

本文来自博客园,作者:咸瑜,转载请注明原文链接:https://www.cnblogs.com/bi-hu/p/15109708.html

原文地址:https://www.cnblogs.com/bi-hu/p/15109708.html