如何用vue脚手架快速构建一个基于webpack管理的vue项目

1.首先确保你的电脑上安装了node.js,如果没有安装,可以去官网安装

node.js官网地址链接: https://nodejs.org/en/安装过程中不要忘记把node.js加入到环境变量中,然后打开命令提示窗cmd,输入node-v和npm-v,可以查看node.js和npm的的版本号代表安装成功了如何用vue脚手架快速构建一个基于webpack管理的vue项目

2.因为npm用的是国外的服务器,所以可以通过npm install -g cnpm --registry=https://registry.npm.taobao.org 来安装国内淘宝的镜像源,安装好之后通过cnpm -v 可以查看版本号如何用vue脚手架快速构建一个基于webpack管理的vue项目

3.此时以及完成了创建vue项目的前置工作,接下来创建一个空的目录,然后cd到该目录输入 vue init webpack vueproject 最后一个单词对应你的项目名如何用vue脚手架快速构建一个基于webpack管理的vue项目

4.项目创建完成后通过cnpm install 下载项目所需要的依赖,当然这里脚手架已经帮我们下载好了,不需要再重新下载如何用vue脚手架快速构建一个基于webpack管理的vue项目

5.最后一步通过cnpm run dev 或者 cnpm run serve就可以启动你的vue项目啦

如何用vue脚手架快速构建一个基于webpack管理的vue项目
如何用vue脚手架快速构建一个基于webpack管理的vue项目