自己的第一个vue-cli+vue-router+es6+web

2017-07-26  本文已影响0人  a造梦

在做这个项目之前需要做一些安装准备工作:

1、去官网下载node.js

链接:http://nodejs.cn/

2、检查是否安装成功

在DOM控制台输入  node -v 和 npm -v 来检验是否安装成功,出现版本号就是安装成功

3、开始安装 vue-cli

使用国内镜像会更快一些,在安装过程中耐心等待就好   

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

同样可以使用cnpm -v查看是否安装成功

cnpm install -g vue-cli  开始安装vue-cli  可以使用vue -V(注意 V 大写)查看是否安装成功

4、生成项目

vue init webpack Vue-Project

5、然后进入项目目录(cd eleme-master),使用 cnpm 安装依赖

这里有一些点要注意:第一必须要进入到你要运行的项目的文件夹下

                                    第二要在你项目的文件下下载依赖包 也就是下图那个文件夹

依赖包

用这个cnpm install指令下载依赖包

启动项目 npm run dev运行项目

运行界面 运行成功
上一篇 下一篇

猜你喜欢

热点阅读