Vue如何新建项目及Vue-cli脚手架安装环境搭建

vue创建项目（npm安装→初始化项目）

包含Vue-cli脚手架安装环境搭建详情。

工具/环境

方法/步骤

1

先从nodejs.org中下载nodejs

2

安装nodejs，按照步骤直至完成安装

3

打开控制命令行程序（CMD）,检查安装是否正常

查看node.js版本号与npm版本号

4

使用淘宝NPM 镜像

大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。


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

这样就可以使用cnpm 命令来安装模块了：

5

Vue项目初始化

安装vue-cli

cnpm install vue-cli -g      //全局安装 vue-cli

6

查看vue-cli是否成功，不能检查vue-cli,需要检查vue

7

新建vue项目

选定路径，新建vue项目，这里我是在D盘上新建了vue文件夹，cd目录路径


下面我一项目名为playlist新建vue项目

vue init webpack  ”项目名称“

8

安装命令：cnpm install

现在已经创建好了，那就让项目先安装下依赖再运行一下，会出现下面的页面

注意这里要在playlist下进行安装!!!

9

运行命令：cnpm run dev

注意 这里要在playlist下进行运行哦!!!

10

 安装成功。


教程结束。

注意事项