vue--企业级项目搭建（1）---初建项目

目录

1.新建文件夹--vsCode

 2.安装环境

3.创建初始项目

3.文件初始结构

4.运行初始创建的项目

5.总结

---

1.新建文件夹--vsCode

在自己方便的位置新建文件夹，如图：202301

 2.安装环境

在命令行输入脚手架环境安装命令

npm install -g @vue/cli

 需要一点时间，耐心点！！！

好样的 这就成功了 ！！ （没成功 私信我吧！） 

3.创建初始项目

执行命令

vue create test-project

 会出现版本选择菜单

 

 通过上下 ↑ 或 ↓ 进行选择，此处选择 vue 2 ， 通过回车键↩ 确认。

  需要一点时间，耐心点！！！ 

 漂亮！  成功了！ （没成功 私信我吧！） 

3.文件初始结构

 这个 就是 刚才创建的 项目结构！（详细说明，看下期文章！）

4.运行初始创建的项目

按照项目成功界面展示的提示，依次执行如下命令：（提示内容： Get started with the following commands:）

// 进入项目文件夹
cd test-project
// 执行项目
 npm run serve

 等一等 不要太着急！  一切都会好的！！

ok!  成功了 ，在浏览器访问这两个地址中的任何一个！

5.总结

 哈哈哈！ 开心不！ 今天 就到这里！  休息吧！ 下次再见！如果出现错误，没成功，那就私信我，我们一起解决！