‌Windows系统cmd命令行创建vue项目

1. 首先确保node.js已安装(也就是JavaScript运行时环境已安装)

2. 找到我们要创建项目的文件夹
   

3. 直接在路径上输入cmd
   
   按Enter(回车键)后，弹出命令行窗口

4. 在命令行窗口输入npm init vue@latest,执行该命令，将会安装并执行Vue项目的脚手架工具create-vue

5. 执行后，默认选否，一路按Enter回车键
   

6. 初始化完成后，根据提示，分别执行cd vue-project和npm install，
   然后执行code .使用VScode编辑器打开

7. 执行命令npm run dev 启动项目
   
   回车后显示如下，说明在本地的5173端口启动了
   
   打开浏览器访问一下localhost:5173,出现如下界面，说明启动成功了
   
   Ctrl + C 可以关闭刚才启动的项目，如下图所示
   
   从VScode编辑器里也可以启动
   
   启动成功后，也可以在http://localhost:5173/访问

8. 安装element-plus

   npm install element-plus --save
   

   在main.js中导入element-plus，
   可以直接去官网复制 element-plus

   // main.ts
   import { createApp } from 'vue'
   import ElementPlus from 'element-plus'
   import 'element-plus/dist/index.css'
   import App from './App.vue'
   
   const app = createApp(App)
   
   app.use(ElementPlus)
   app.mount('#app')
   

9. 安装Axios

   npm install axios
   

   安装完毕后，不用做配置

10. 安装Sass

    npm install sass -D
    

    至此，依赖基本安装完毕。

最后，这是学习用的前后端分离项目：

• 前端 easy-vue3 有详细的注释，持续更新。
• 后端 easyCRUD