搭建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 即可在浏览器中看到初始页面。

原文地址:https://www.cnblogs.com/pmlyc/p/14177745.html