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直接打开是一样的。

理解

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