vue-cli脚手架构建vue项目

时间:2021-04-29 19:38:55

本文介绍的是在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是一个打包工具)

vue-cli脚手架构建vue项目

5.运行项目

dev:以开发环境运行

$  cnpm install
$ cnpm run dev

需要先install来安装初始化项目所需要的依赖,否则直接运行项目会报错

 

日记:第一次写博客,虽然知道自己有很多地方都还是不懂,但还是希望可以通过写博客的方式帮助自己更熟悉也可以帮到  (哈哈哈,比我更惨的)人!