创建一个vue项目

最新推荐文章于 2025-05-15 18:05:49 发布

w7022@

最新推荐文章于 2025-05-15 18:05:49 发布

阅读量261

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/wangnannan1/article/details/110044231

本文档详细介绍了如何在本地环境中搭建一个Vue.js项目，包括安装必要的工具如node.js、vue-cli、cnpm和yarn。通过vue-cli创建项目，并在自定义配置中选择 babel 和 router。项目创建过程中，可以选择是否启用history模式，根据实际需求决定。最后，通过`npm run serve`或`yarn serve`启动项目，标志着项目搭建成功。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、需要用到的东西

node.js环境 (node -v)
vue-cli脚手架 (npm install -g @vue/cli )
cnpm yarn (npm install -g cnpm --registry=https://registry.npm.taobao.org )
          (npm install -g yarn)

二、搭建项目

①vue create 项目名称创建vue项目项目名称不能使用中文
②出现两个选项1、 default（babel, eslint）默认搭建项目的配置
2、 Manually select features 自定义搭建项目配置
我们选择使用自定义搭建项目配置
使用键盘的上下键可以控制选择哪一个
选中自定义后点击enter
③接下来出现很多配置选项我们现在只选择 babel和router
还是使用上下键选择然后通过空格键切换是否选中小括号中有星号表示选中
选中之后点击enter
出现提问是否使用history模式 Use history mode for router
这里如果公司项目没有说明要使用history则我们不使用history模式
所以这里选择no 然后点击enter
接下来出现的选项选择哪个都行直接点击enter也行
接下来一路enter就行了
最后如果出现 cd 项目名称 yarn serve/ npm run serve 都表示项目搭建成功了