vue脚手架 项目搭建2.0 webpack 与 3.0 @vue/cli

1. vue项目搭建是基于node.js安装成功后的。
node.js 下载地址 ： https://nodejs.org/en/
为了更好更快速的使用命令下载，可以先装全局 cnpm 亦是 淘宝镜像
cnpm 可代替 npm

npm install -g cnpm –registry=https://registry.npm.taobao.org

2. （2.0 webpack） 脚手架

1》在命令窗口中 全局安装 vue-cli 脚手架

cnpm install -g vue-cli 

安装成功后可以创建新项目了

2》进入项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名

vue init webpack task

在这里插入图片描述

3》创建成功后进入新建项目， 输入 npm run dev命令 运行项目

运行成功可在浏览器打开网址查看效果

3.（3.0 @vue/cli） 脚手架
1》如果没有yarn，也可先安装yarn

cnpm i yarn -g

2》在全局安装脚手架

cnpm i @vue/cli -g

安装成功后可以创建新项目了
3》

vue create 项目名字

默认配置了一下简单的配置然后直接安装
自定义：

上下箭头为选择上下项，按空格键进行选择和取消

4》创建成功后进入新建项目，输入 npm run server / yarn server 命令 运行项目

3.最新版本会覆盖老版本，因此当两种方式都想能够使用，需要全局安装一个桥接工具

npm install -g @vue/cli-init    //安装完后 就还可以使用2.0 vue init webpack 命令