自己的第一个vue-cli+vue-router+es6+webpack项目

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

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运行项目


运行界面


运行成功
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容