vue环境搭建npm+webpack
1、在安装node
因为vue的运行依赖于npm,而node内嵌了npm包管理工具,因此使用npm,只需要安装node
2、查看node、npm的版本号
当查询到版本号时候,即为安装成功
备注:完成npm安装后,可选择安装淘宝npm镜像cnpm
3、安装全局vue-cli脚手架
输入在命令行输入:npm install --global vue-cli
4、新建文件夹,在该文件夹下运行cmd命令行,初始化
输入命令: vue init webpack
根据提示,一步步进行选择
备注:以上命令一定要在该文件下运行,如果不是,创建的文件下则为空
5、文件目录如下:
6、运行npm run dev
在浏览器输入:http://localhost:8080/ 即可打开首页
环境搭建完毕