vue开发环境搭建

一、安装Node.js
node下载地址
二、安装webpack和vue-cli脚手架
在命令行中执行下列两个命令,进行安装。
npm install webpack -g
npm install vue-cli -g
三、创建vue测试项目
1、打开命令行,进入到希望创建vue测试项目的路径,然后在命令行中执行下列命令,进行项目创建。
vue init webpack vue_test
vue开发环境搭建

项目目录:

vue开发环境搭建
2、进入刚刚创建的项目目录下,然后执行npm install命令,安装项目需要的依赖。
3、vue开发环境搭建
4、然后执行npm run dev命令,运行项目。
vue开发环境搭建

vue开发环境搭建