2019-07-05vue之手脚架

1.3. vue安装

在用 vue.js 构建大型应用时推荐使用 npm 安装,npm 能很好地和诸如 webpack 或 browserify 模块打包器配合使用。vue.js 也提供配套工具来开发单文件组件。

$ cnpm install vue -S

安装vue-cli脚手架构建工具

vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

# 全局安装 vue-cli
$ cnpm install vue-cli  --g

创建一个基于 webpack 模板的新项目

要创建项目,首先我们要选定目录,然后再命令行中把目录转到选定的目录。可以使用

vue init webpack -simple

初始化一个简单的项目
[图片上传中...(image.png-6507d3-
1562317994576-0)]
运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。


image.png

安装项目所需要的依赖

刚初始化的项目是没有依赖的,如果运行会报类似这样的错误,


image.png

所以在这之前需要解决项目的依赖问题,使用下面的命令安装项目的依赖。

$ cnpm install

如果出现如下图情况,说明依赖解决成功。

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

推荐阅读更多精彩内容