vue项目搭建，启动

打开cmd命令框：

1.安装node.js,
检测版本node -v,
检测包管理工具npm -v

2. 安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。

3. 安装vue-cli脚手架构建工具

npm install vue-cli -g
安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功

接下来我们就准备构建项目了，首先就是找个磁盘，自己新建一个文件用于放我们的项目

在命令行中 cd 找到我们的项目文件

vue init webpack 项目名字<项目名字不能用中文>
然后会显示

复制代码
Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板，这里可能需要连代理)
Project name (vue-test) 直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 直接回车默认
Use ESLint to lint your code? n
pick an eslint preset. 默认Standard
setup unit tests with karma + mocha?No(单元测试不需要)
setup e2e tests with Nightwatch?No(单元测试不需要)

cd 项目名字
安装项目依赖：npm install
安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西，–save 是你发布之后还依赖的东西：npm install vue-router vue-resource –save
启动项目：npm run dev

到了这里，说明你的项目就可以正式运行了，打开浏览器输入上述的链接，项目搭建完毕，可以开发了

发布项目
npm run build

vue项目搭建，启动相关推荐

node安装与环境搭建 + VUE项目搭建
一.node环境安装 1.node下载 node.js官网地址:Node.js LTS:表示稳定版一般用于生产环境,重点在于稳定,如果你需要稳定性并拥有复杂的生产环境(例如中型或大型企业),建议使 ...
vue项目搭建详细教程
1.下载node.js 下载地址:Download | Node.js 直接下一步下一步即可下载完成下载完成后,按住win+R,输入cmd回车查看node版本:node -v 查看npm 版本:n ...
Re：从零开始的Vue项目搭建
Re:从零开始的Vue项目搭建初始的终结与结束的开始 Nodejs项目的简单测试从零开始 webpack开发模式 webpack编译打包后记初始的终结与结束的开始最开始接触vue项目搭建是从 ...
Vue 项目搭建流程和使用大全
Vue 项目搭建流程及项目中遇到的问题项目搭建流程 1.使用vue cli 搭建项目框架 cnpm install -g vue-cli 安装vue cli 脚手架 vue init webpack ...
IDEA中创建启动Vue项目--搭建vue项目
文章目录环境配置安装Vue-cli构建工具构建项目使用命令启动Vue项目使用idea启动Vue项目环境配置下载安装nodeJs 成功安装国内镜像或者是淘宝的npm镜像详情见博客:Nod ...
vue cli脚手架详解_vue-cli脚手架搭建vue项目搭建
在搭建项目前,需要确认系统是否已正确安装nodejs工具,建议node安装6.+以上的稳定版本,若这个最基本的配置已经完成了,就可以开始搭建项目了 1 进入到你想要创建项目的目录下,全局安装vue-c ...
VUE项目搭建的整个过程
一.安装node环境 1.下载地址为:https://nodejs.org/en/ 2.检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3.为了提高我们的效率,可以使用淘宝的镜像:ht ...
Vue项目搭建手把手教学
Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式.本文旨在帮助大家认识Vue.js,了解Vue.js的开发流程,并进一步理解如何通过Vue.j ...
【Vue】Vue 项目搭建
文章目录一.NodeJs 下载及配置二.全局下载项目脚手架三.创建项目四.启动项目一.NodeJs 下载及配置本节内容参见本人博客:[Vue]Nodejs下载与安装测试安装版本: 返回顶 ...

vue项目搭建，启动

vue项目搭建，启动相关推荐

最新文章

热门文章