创建vue项目并启动
时间: 2024-11-14 13:16:16 浏览: 4
创建Vue.js项目的步骤通常是通过命令行工具来完成的,通常我们会使用Vue CLI (Vue Create) 或者手动配置`package.json`文件。以下是通过Vue CLI快速创建项目的基本步骤:
1. **安装Node.js**:首先确保您的计算机上已经安装了Node.js,因为Vue CLI基于Node.js运行。
2. **全局安装Vue CLI**:打开终端或命令提示符,运行以下命令:
```
npm install -g @vue/cli
```
如果遇到权限问题,可以使用`sudo`。
3. **创建新项目**:进入你想放置项目的新目录,然后输入以下命令,指定项目名(如my-vue-project):
```
vue create my-vue-project
```
4. **选择模板**:按照引导选择一个预设的模板,比如"Manually select features"以获取更多的自定义选项。
5. **安装依赖**:项目创建完成后,进入项目目录,运行 `cd my-vue-project`,然后安装依赖:
```
cd my-vue-project
npm install
```
6. **启动项目**:最后,运行`npm run serve` 或者 `yarn serve` 来启动本地开发服务器,浏览器会自动打开到项目默认的路由。
阅读全文