vue简单的脚手架搭建项目

第一步 node环境安装

1.如果本机没有安装node运行环境，下载node安装包进行安装

下载地址：https://nodejs.org/en/或者http://nodejs.cn/

第二步 node环境检测

1.在终端输入node -v，如果输出版本号，说明我们安装node环境成功

2.如果要查看npm的版本号，可以使用npm -v

第三部 vue-cli脚手架安装

1.如果访问外网比较慢，可以使用淘宝镜像：打开命令终端：npm install -g cnpm --registry=https://registry.npm.taobao.org

回车之后，就可以使用cnpm代替npm

2.安装vue-cli：npm install vue-cli -g

注：新版本vue-cli安装：npm install -g @vue/cli

3.初始化项目：vue init webpack vue-demo

注：新版本vue-cli初始化构建项目：vue create vue-demo（然后根据需要选择相关选项创建项目）

4.根据实际需要设置项目的一些基本信息

5.进入：cd vue-demo

6.执行：npm install

7.安装成功后执行：npm run dev

注：新版本使用：npm run serve

浏览器会自动打开页面，说明已经安装成功