从0开始学vuejsvuejs

vuejs环境配置

2016-01-29  本文已影响8623人  webCoder
# 最新稳定版本
$ npm install -g vue  全局安装
# 最新稳定 CSP 兼容版本
$ npm install vue@csp

快速搭建大型单页应用

# 全局安装 vue-cli
$ npm install -g vue-cli
# 创建一个基于 "webpack" 模板的新项目
$ vue init webpack project-name
# 安装依赖
$ cd project-name
$ npm install
$ npm run dev 启动项目

通过上面的一系列命令,我们便成功启动了项目,这时我们可以在浏览器中输入:

http://localhost:8080/

然后就可以看到下面的界面:

hell0-vuejs.png

我们再看看项目结构

项目结构.png

好了,我们的环境搭建到这里就结束了。

上一篇 下一篇

猜你喜欢

热点阅读