vue2:使用vue_cli创建
vue3：可以使用vue_cli创建，官方更推荐使用vite：更快更小

脚手架：内置了很多组件来帮助我们更便捷的的开发vue.js项目。

1.使用vue_cli创建项目

vue_cli是基于node.js编程语言创建的

1.1 安装

1. 安装node.js
   

   下载链接: https://nodejs.org/en/download/

   根据自己的操作系统选择安装，安装非常简单，一直下一步就行,检查安装是否成功
   

   node -v

   

    

    

2. 关于npm
   npm就类似python中的pip工具，是node.js的包管理工具，更新npm
   

   sudo npm install npm@latest -g

   设置npm的下载源

   npm config set registry https://registry.npm.taobao.org

    

3. 下载vue-cl包
   

   # 安装（最新版）
   sudo npm install -g @vue/cli
   
   # 安装（指定版本）
   sudo npm install -g @vue/[email protected]
   
   # 卸载
   sudo npm uninstall -g @vue/cli

    

1.2 创建项目

1. 切换到想要创建目录位置
2. 指定项目名称
   

   vue create myfirstvue

3. 选择创建vue的版本等信息，这里我选择自定义
   
4. 选择需要的第三方组件
   
5. 选择vue版本，我这里选择2.0
   

6. 选择Y

   

7. 选择包管理工具

   

8. 选择N
   

    

    

    

创建成功

1.3 项目启动

方式一:

# 1. 进入创建的项目目录
# 2. 执行如下命令
  npm run serve

 打开链接，看到如下页面，代表项目运行成功

方式二：

1. 将创建的项目使用pycharm或者webstorm打开
2. 添加配置
   

    

    

   

    

    

3. 点击绿箭头运行项目
   

    

    

1.4 项目目录介绍

2.使用vite创建项目

3.webstorm创建项目