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开发环境搭建_第1张图片

项目目录:

vue开发环境搭建_第2张图片
2、进入刚刚创建的项目目录下,然后执行npm install命令,安装项目需要的依赖。
3、这里写图片描述
4、然后执行npm run dev命令,运行项目。
vue开发环境搭建_第3张图片

vue开发环境搭建_第4张图片

你可能感兴趣的:(Vue.js)