使用vue-cli + webpack搭建vue项目环境

打开终端(点击开始,在搜索框中输入cmd)

第一步:  找到需要安装项目所在的盘  (我问项目都在d盘下的vuework下)

第二步:安装淘宝镜像(淘宝镜像安装包会比官网快, 而且有时候用npm安装会报错,用cnpm就可以)

npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步:全局安装webpack

cnpm install webpack -g

第四步:安装全局的vue-cli脚手架

cnpm install vue-cli -g

第五步:找一个文件夹用来存放项目,在终端进入该目录(我是在vuework下)

cd vuework

第六步:创建项目(vue-yue),注意项目名称中不能有大写

vue init webpack-simple vue-yue

第七步:进入项目目录

cd vue-yue

第八步:安装项目依赖

npm install

第九步:运行项目

npm run dev

到这一步,项目就已经运行起来了,你会看到如下页面

在之后的开发过程中,需要什么可以继续在终端上安装。

原文地址:https://www.cnblogs.com/ly-qingqiu/p/10930498.html