码迷,mamicode.com
首页 > 其他好文 > 详细

Vue项目开发1-项目的创建

时间:2018-01-19 18:47:32      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:环境   span   ued   令行   1.0   搭建   body   test   路由   

一.环境搭建准备:

1.确保项目已经安装了node

2.webpack安装 npm install webpack -g (安装过略过)

3.安装vue-cli脚手架构建工具,打开命令行工具输入:npm install vue-cli -g (安装过略过)

二.构建项目

1. cd 到指定的目录  ,如我的项目 cd  /Users/menchao/Vue/VueTestDemo 

2.  vue init webpack vuedemo  

执行完后 系统会自动生成相关 的配置文件。

 

3. cd  vuedemo 进入刚才创建的项目

4. npm install    安装项目依赖,会在项目中生成node_modules

5.npm install vue-router vue-resource --save。 安装 vue 路由模块 vue-router 和网络请求模块 vue-resource

三。项目运行

1. npm run dev。  服务启动成功,会看到一个页面

 

 

 

Vue项目开发1-项目的创建

标签:环境   span   ued   令行   1.0   搭建   body   test   路由   

原文地址:https://www.cnblogs.com/menchao/p/8318284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!