搭建Vue脚手架(vue-cli)并创建一个项目

利用vue脚手架搭建项目,需要有nodejs环境、vue-cli

一、必备环境

查看是否安装(本机已安装)

 

 

 若没有安装,可以进行安装

1.安装nodejs环境

官网下载:https://nodejs.org/en/download/ 

查看是否安装成功,成功后进行下一步

2.安装vue-cli(建议用cnpm安装,较快)

先安装淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org

成功后输入 cnpm -v查看是否安装成功

然后全局安装vue-cli 

cnpm install -g vue-cli

(注意以上命令只需要运行一次就可以,装上之后,以后新建项目就可以不用安装)

二、利用vue-cli搭建

在指定项目目录下打开窗口

1.命令 vue init webpack(过程中的配置可自行百度查询)

 

 

 2.项目新建后,安装依赖 npm install

3.执行npm run dev 即可在浏览器中看到初始页面。

posted on 2020-12-23 11:42  美林pml  阅读(147)  评论(0编辑  收藏  举报