创建Vue3.0项目

创建Vue3.0项目

  • 操作步骤
    • 1. 打开命令行工具
    • 2. 安装最新版的Vue
    • 3. 安装最新的脚手架
    • 4.创建Vue项目
  • 总结

操作步骤

1. 打开命令行工具

  1. Windows系统
    快捷键win+r,输入cmd
    创建Vue3.0项目_第1张图片
    然后就可以输入命令啦
    创建Vue3.0项目_第2张图片

  2. Mac系统
    先打开访达

    点击应用程序
    创建Vue3.0项目_第3张图片
    找到实用工具
    创建Vue3.0项目_第4张图片
    点击终端
    创建Vue3.0项目_第5张图片
    最后就打开终端了,输入命令了
    创建Vue3.0项目_第6张图片

2. 安装最新版的Vue

在打开的终端或者命令行窗口输入npm install vue@next

创建Vue3.0项目_第7张图片

3. 安装最新的脚手架

//通过npm安装
npm install -g @vue/cli
//通过yarn安装
yarn global add @vue/cli

在这里插入图片描述
出现success就安装成功了
创建Vue3.0项目_第8张图片

4.创建Vue项目

输入vue create demo_project创建项目
在这里插入图片描述
选择Default([Vue 3] babel,eslint)
创建Vue3.0项目_第9张图片
选择包依赖安装包管理器(npm或者yarn)
创建Vue3.0项目_第10张图片
安装完之后根据提示,输入cd demo_project进入到项目中
创建Vue3.0项目_第11张图片
然后yarn serve运行项目即可
创建Vue3.0项目_第12张图片
如上,就运行成功了
创建Vue3.0项目_第13张图片

总结

  1. 需要先准备node.js(点击下载)
  2. 通过npm安装yarn命令
  3. 开启终端
  4. 通过npm install vue@next下载最新的vue
  5. 通过yarn global add @vue/cli下载最新的vue脚手架
  6. 通过vue create demo_project创建项目
  7. 进入到项目,目录运行项目即可

你可能感兴趣的:(#,Vue3.0+Ts项目,npm,vue.js,javascript)