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

一.环境搭建准备：

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。服务启动成功,会看到一个页面

转载于:https://www.cnblogs.com/menchao/p/8318284.html

Vue项目开发1-项目的创建相关推荐

Vue+ts开发h5项目时引用百度地图报BMap问题
最近在用vue+ts开发h5项目时,有一个页面用到了vue-baidu-map,运行里面的搜索功能时,控制台一直报如下错误解决方法:
【源码及课件分享】Java实战项目之酒店客房管理系统_Java项目开发_Java项目实战
Java实战项目又双叒叕来咯~小伙伴们请查收~酒店客房管理系统![源码及课件分享]Java实战项目之酒店客房管理系统_Java项目开发_Java项目实战_Java毕业设计https://www.bil ...
献给初学iOS的小盆友们------微博app项目开发之一项目初始化
献给初学iOS的小盆友们--微博app项目开发之一项目初始化本人自学iOS也有七八个月了,不敢说学到很深入了,但也算入了门.此次微博app项目参考了传智播客培训教材,主要学习内容有架构思想,封装思 ...
【源码及课件分享】Java实战项目之进销存管理系统_Java项目开发_Java项目实战
还没有搞定毕设的小伙伴一定要看鸭~ Java实战项目--进销存管理系统![源码及课件分享]Java实战项目之进销存管理系统_Java项目开发_Java项目实战_Java毕业设计https://www. ...
Vue.js + Vuex + TypeScript 实战项目开发与项目优化
技术栈: Vue.js + Vuex + TypeScript Todo List: 使用Vue CLI初始化项目调整初始目录结构删除初始化的默认文件(对于我们项目是多余的组件components ...
项目开发中使用IDEA创建多个maven子模块
目标:在IDEA中创建多个Maven子模块 1.首先在本地新建一个空的文件夹,命名为micro-xiao-service,使用IDEA打开这个文件目录 2.在该文件夹鼠标右键,新建Model 3.点击 ...
新手上路之django项目开发（一）-----创建项目并运行
一,创建项目 1,PyCharm创建或者 2,django-admin startproject mysite mysite 是项目名. 二,配置settings.py文件创建templates目 ...
Vue全家桶 - 电商后台管理系统项目开发实录（详）
目录 1. 项目概述 1.1 电商项目基本业务概述 1.2 电商后台管理系统的功能 1.3 电商后台管理系统的开发模式(前.后端分离) 2. 项目初始化 2.1 前端项目初始化步骤码云相关操作 2. ...
Vue.js 实战系列之实现视频类WebApp的项目开发——6. 首页视频详情实现
如果想看该实战系列的其他内容,请移步至 Vue.js 实战系列之实现视频类WebApp的项目开发. 项目仓库地址,欢迎 Star 实现效果功能实现视频详情页基本实现创建 InfoBar.vue ...
Vue全家桶-电商后台管理系统项目开发
项目效果展示: 1. 项目概述 1.1 电商项目基本业务概述一般情况下客户使用的业务服务包括:PC端,小程序,移动web,移动app. 管理员使用的业务服务:PC后台管理端: PC后台管理端的功能 ...

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

一.环境搭建准备：

Vue项目开发1-项目的创建相关推荐

最新文章

热门文章