Vue.js

vue基础(创建运行项目)

2019-03-15  本文已影响0人  偏爱墨绿色

一.环境搭建(略)

二.新建项目

1.全局安装vue-cli

运行命令 npm install vue-cli -g

2.创建项目

(1)运行cmd,cd 到需要创建的目录 如 cd /d D:\vueProject
(2)执行命令 vue init webpack myproject
注:webpack 是构建工具,项目名不能有大写字母
(3)根据提示选择需要安装确认的信息,然后等待创建完成

简书-01

三.运行项目

1.直接cmd命令运行。

(1) cd myproject
(2) npm run dev

简书-02.png
网址输入:http://localhost:8082
效果图如下: 简书-03.png
2.开发工具Webstorm打开运行
简书-004.png
Terminal运行: npm run dev
上一篇 下一篇

猜你喜欢

热点阅读