第一次搭建vue项目--安装vue-cli、初始化项目

vue-cli === vue脚手架

不用自己动手一点点搭，用npm安装vue-cli后，输入几个命令它就给你自动搭好

1. 使用npm全局安装vue-cli

npm i -g vue-cli

2. 打开npm的运行目录

红线划出的是安装vue-cli后可用的几个指令

3. 打开npm运行目录的node_modules目录里

node_modules目录里面是用npm安装的第三方包存的目录

4. 查看vue-cli提供给我们哪些项目模板

vue list

这就是列出的能用来创建新项目的模板们，我是用webpack-simple模板来创建项目的

5. 创建项目

vue init <模板名> <项目名>

转载于:https://juejin.im/post/5cb430f9f265da039257d5c1

第一次搭建vue项目--安装vue-cli、初始化项目相关推荐

VC项目安装Nuget之后导致项目过期
VC项目安装Nuget之后导致项目过期背景有时候会突然C++项目发现安装nuget包之后,项目一直处于过期状态,哪怕代码并没有更改,调试时也会提示过期要求重新编译. 分析这种明明没有任何文件更改 ...
Vue 脚手架CLI 初始化项目
1 介绍 CLI是Command-Line Interface,翻译为命令行界面,但是俗称脚手架. Vue CLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建vue开发环境以及 ...
Vue.js之使用vue-cli初始化项目
一.安装步骤 step1.安装Node.js 首先需要下载并安装Node.js,下载地址:Node官网. 可查看我的另外一篇文章,仅作参考:Node.js入门及安装测试安装是否成功,打开cmd,使用 ...
vue开发搭建（npm安装 + vue脚手架安装）
一.概念 1.npm: Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue ...
vue html2canvas安装,vue中html2canvas的使用
html2canvas: 将dom元素转为一张图片 1,装包: npm install --save html2canvas 2,导入: import html2canvas from 'html2c ...
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.安装 ...
vue脚手架安装以及vue脚手架创建项目（详细步骤）
系列文章: 文章目录 node.js安装 vue环境安装 vue创建项目命令行方式创建使用UI界面搭建 idea导入vue项目学习Vue不需要学会Node,Vue是前端框架,nodejs是服务端 ...
教你搭建基于typescript的vue项目
自尤大去年9月推出vue对typescript的支持后,一直想开箱尝试,对于前端sr来说,vue的顺滑加上ts的面向对象,想着就非常美好~ 终于在两个月前,找到了个机会尝试了一把vue+ts的组合. ...
Vue脚手架安装与 Vue项目创建运行、vue项目迁移后运行失败问题
目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功项目文件作用介绍快捷安装项目所需依赖命令 npm i Vu ...