vue.js webpack搭建开发环境

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js webpack搭建开发环境相关的知识,希望对你有一定的参考价值。

国内推荐用 cnpm 下载 npm 太慢了
1, 安装cnpm

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

下载完之后 输入 cnpm -v 查看版本
2 安装vue脚手架

cnpm install -g vue-cli

3.初始化一个项目

vue init webpack my-project

 
技术分享
填写项目名字 描述 作者 no no no 。。。。
然后就会出现这些文件
 
技术分享
 
4.下载依赖 成功后出现 node_这个文件

cnpm install

 
技术分享
 
 
5.启动
 

npm run dev

技术分享
服务器已启动 自动弹出 vue的模版页面 端口 8080
 
 
 
 

 

以上是关于vue.js webpack搭建开发环境的主要内容,如果未能解决你的问题,请参考以下文章

windows下搭建vue开发环境

vue 入门环境搭建

(转)windows环境vue+webpack项目搭建

windows下搭建vue开发环境实践

vue.js2.0实战:搭建开发环境及构建项目

使用PM2搭建在线vue.js开发环境(以守护进程方式热启动)