CMD 创建初始化Vue项目

1：在上篇文章中我们介绍了用 Vue ui 来创建Vue项目

这章我们说下怎么样使用cmd命令来创建

1：首先第一步检查你的环境是否是OK的

node -v

npm -v

vue -V

2: 创建一个webpack 的Vue 项目

vue init webpack 项目名称（项目名称不能包含大写字母）

然后就是和你确认你的项目名称

Project name jinhaovue

项目描述 vue.js

Project description A Vue.js project

是否使用ESlint 这里建议选择No 否则接下来的开发会遵循严格模式会有好多警告

然后选择 npm

接着就开始创建我们的项目了

项目创建完成 cd 项目名称

安装依赖 npm install

运行项目 npm run dev

项目就初始化好了

至于后面你要安装什么插件啊什么的直接用命令安装就好了

下片文章会详细介绍

CMD 创建初始化Vue项目相关推荐

使用webpack脚手架创建一个vue项目
使用webpack脚手架创建一个vue项目前言介绍前期环境准备开始创建项目实例交流前言介绍创建vue的项目方式有很多种,这里仅介绍使用webpack脚手架来创建一个vue项目,下面将创建 ...
从零开始创建一个vue项目 1
从零开始创建一个vue项目创建空文件夹,存放相关目录,cmd进入命令行 vue init webpack token 创建项目(除eslint,其它都yes) 打包配置config下面的index. ...
Vue.js-Day03-AM【超级详细：Node.js环境安装、安装淘宝镜像（Win、Mac）、安装Vue脚手架、初始化Vue项目-命令解释（Vscode、命令行窗口）、目录介绍、Vue文件介绍】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Node.js-环境安装 1.1.Node.js-详细安装步骤 2.vue-cli脚手架安装 2.1.安装 ...
使用VSCode创建一个Vue项目
使用VSCode创建一个Vue项目 vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. 安装vue-cli之前,需要先安装了vue和webpack · node -v //( ...
使用vue-cli脚手架初始化Vue项目下的项目结构
vue-cli是Vue 提供的一个官方命令行工具,可用于快速搭建大型单页应用.该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程.只需几分钟即可创建并启动一个带热重载.保存时静态检查以及可用于 ...
安装Vue node 及创建一个Vue 项目
安装Vue 和 node 及创建一个Vue 项目一下载node.js安装包 1 下载资源包,然后安装 2 点击以上的Run(运行),将出现如下界面,然后一直点击Next 直达安装完成 3 检测P ...
如何创建一个vue项目
首先要准备好node.js npm,vue-cli 创建一个vue项目,使用脚手架创建具体命令如下 vue init webpack 项目名称然后回车 Project name 项目名称 ( ...
前端--使用webstorm创建一个vue项目
一.webstorm的安装: 1.什么是webstorm WebStorm是jetbrains公司旗下一款JavaScript 开发工具,和IntelliJ IDEA同源. 再多的,可以 2.webs ...
vue2.0学习——使用webstorm创建一个vue项目
背景:小白自学vue,翻阅了好多大神的博客,看了网上很多的视频,过程很吃力,好在功夫不负有心人,磕磕绊绊的也算入门了,现为自己vue的学习阶段做个小小的总结.vue2.0的基础知识的总结暂时不总结成文 ...

CMD 创建初始化Vue项目

CMD 创建初始化Vue项目相关推荐

最新文章

热门文章