Vue搭建项目(Day1)搭建脚手架Vue-cli

一、环境安装

  要搭建vue-cli需要先在本机有node和npm的环境。

  进入node官网下载node.js然后安装在本地,安装成功后npm也会自动安装成功。如何查看是否安装了呢?打开控制台在上面输入node -v 查看node版本号,输入npm -v查看npm版本号。如出现版本号则证明已经安装成功,如下图:

二、创建vue-cli项目

  安装vue-cli环境,在命令行里输入以下命令(全局安装):

$ npm install -g vue-cli

  安装完成之后再全局安装webpack打包工具:

$ npm install webpack -g

安装成功之后用命令行创建一个文件夹或者cd进入事先准备好的文件夹里,开始安装(创建一个名字叫myProject的项目):

$ vue init webpack myProject

然后根据提示一路操作:

安装完成之后根据提示安装依赖运行:

npm install
npm run dev

网页上输入localhost:8080即可看见自动生成的模板。

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页