windows环境下安装vue+webpack的开发环境

本人最近在学习vue,在学习的过程中遇到对的问题和解决方法

1、我们首先要安装node.js。node.js的官方地址为:https://nodejs.org/en/download/,下载完毕,按照windows一般应用程序,一路next就可以安装成功;

2、安装完node之后,就要安装cnpm,由于许多npm包都是在国外,安装起来特别慢,这里我用了淘宝镜像安装,

安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org  之后回车等待命令;

3、接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

命令为:cnpm install -g vue-cli,回车,等待安装

安装完后,可以输入vue,然后回车,如果出现vue的信息,则说明安装成功了。

4、新建个工程文件(我给项目起的名字是ddlove);vue init webpack ddlove

5.之后通过命令:cd ddlove 进入此文件夹,在利用命令:cnmp install,回车,等待一小会儿,回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)。

6、在命令行里继续输入 cnpm run dev来测试环境是否搭建成功,如果出现 Listening at http://localhost:8080则成功了,开始接下来的工作就可以了。

posted @ 2017-01-03 22:53  ddlove  阅读(202)  评论(0编辑  收藏  举报