《vue》项目搭建

240 阅读45分钟

一、安装插件

浏览器插件

学习Vue,必须要在浏览器中下载 vue-devtools 该插件是学习、调试vue必备之利器(该插件谷歌浏览器商店是有提供的)

vscode-插件

vue文件代码高亮插件-vscode中安装

代码提示插件-vscode中安装

二、创建脚手架

1.全局安装@vue/cli模块包

yarn global add @vue/cli
//或者
npm i -g @vue/cli

2.查看版本命令

vue -V

出现版本号就表示安装成功,否则安装失败

三、创建项目-启动服务

1.创建项目

注意:项目名不能带大写字母、中文和特殊符号

vue create 项目名

2.选择模板

注意:上下键可以选择,回车确定

根据创建的项目来选择,这里我们用创建vue2.0项目来演示

选择vue 2

3.选择包管理器