vuejs环境配置

  • 单独的vuejs文件,点击 此处 下载
  • 通过npm命令安装vuejs
    在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 WebpackBrowserify 的 CommonJS 模块打包器配合使用。(以下操作全在命令行中)
# 最新稳定版本
$ 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

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

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

推荐阅读更多精彩内容