vue使用笔记
文章目录
- 创建一个vue项目
- 创建一个vue项目(简单版)
- vue新增一个页面
- code是什么意思
- 理解
创建一个vue项目
最常用和推荐的方式vue cli。
1、打开一个终端(cmd或bash或vscode的terminal都可以),输入如下命令全局安装vue cli。
npm install -g @vue/cli
# 或者
yarn global add @vue/cli
2、创建一个vue项目。
vue create <project-name>
里面可以有很多选项,也可以一路回车全用默认选项。
3、打开项目。
code . # 是一个命令行工具,用于快速打开 VS Code 并执行一些与代码相关的操作。
或
在vscode中打开该项目的文件夹
创建一个vue项目(简单版)
npm -v # 查看版本号
npm install -g @vue/cli # 安装vue cli
vue create vue-test # 创建vue项目
cd vue-test
npm run serve # 运行浏览器输入如下地址(两个都可以):
http://localhost:8080
http://192.168.0.193:8080/
vue新增一个页面
npm install -g @vue/cli
# 或者
yarn global add @vue/cli
code是什么意思
code是一个命令行工具,用于快速打开 VS Code 并执行一些与代码相关的操作。
code .
和 从vscode直接打开是一样的。