本文介绍的是在windows下使用vue-cli构建vue项目:
1.安装node.js
从node官网下载安装node.js,因为项目中使用的是npm包管理工具。npm 是 JavaScript 的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。
2.安装vue
切换到自己想要安装的目录下,输入命令进行安装($ 符号只作命令标记,不需要输入,下文同)
$ npm install vue
在国内使用npm速度会比较慢,可以选择安装淘宝镜像,然后再从淘宝的npm中下载安装
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm install vue
3.安装vue-cli
$ cnpm install --global vue-cli
4.创建基于webpack的项目
$ vue init webpack my-project
在安装时会有一些问题,比如项目名称,描述,作者以及路由安装等,不知道要不要用的,可以先选Y(webpack是一个打包工具)
5.运行项目
dev:以开发环境运行
$ cnpm install
$ cnpm run dev
需要先install来安装初始化项目所需要的依赖,否则直接运行项目会报错
日记:第一次写博客,虽然知道自己有很多地方都还是不懂,但还是希望可以通过写博客的方式帮助自己更熟悉也可以帮到 (哈哈哈,比我更惨的)人!