使用npm建立vue工程

使用npm建立vue工程

1:在文件的根目录上cmd 打开命令提示符窗口

node -v 查看node版本,npm -v 查看npm版本

使用npm建立vue工程_第1张图片

2:全局安装vue cli 输入 npm install -g @vue/cli

已安装过就不用安装
在这里插入图片描述
查看是否安装成功 vue -v
使用npm建立vue工程_第2张图片

3:创建项目 输入 vue create 项目名称

在这里插入图片描述

3.1:选择配置(空格选中后回车) Manually select features

使用npm建立vue工程_第3张图片

3.2:选择 VueX Router 并取消 Linter/Formatter

使用npm建立vue工程_第4张图片

3.3:回车选择版本 3.X

使用npm建立vue工程_第5张图片

3.4:选择history路由 输入Y 回车(注意大写 Y)

使用npm建立vue工程_第6张图片

3.4:选择 In package.json

使用npm建立vue工程_第7张图片

3.5:不保存这次设置 输入 N

使用npm建立vue工程_第8张图片

4: 构建完成

使用npm建立vue工程_第9张图片

5:启动项目

进入项目 cd boot_vue_demo1
启动项目 npm run serve

使用npm建立vue工程_第10张图片

6: 启动完成

使用npm建立vue工程_第11张图片

7:浏览器打开网址

使用npm建立vue工程_第12张图片

你可能感兴趣的:(Java前端,vue.js)