创建一个Vue.js项目
时间: 2023-10-02 15:07:05 浏览: 127
VSCode搭建Vue项目的方法
5星 · 资源好评率100%
1. 安装Vue CLI
在命令行中输入以下命令进行安装:
```
npm install -g @vue/cli
```
2. 创建项目
在命令行中进入要创建项目的目录,输入以下命令创建一个新项目:
```
vue create my-project
```
其中,my-project为项目名称,可以根据自己的需要进行修改。
3. 运行项目
在命令行中进入项目目录,输入以下命令运行项目:
```
npm run serve
```
4. 访问项目
在浏览器中输入以下地址访问项目:
```
http://localhost:8080/
```
5. 修改项目
可以在src目录下的App.vue文件中修改项目内容,保存后浏览器会自动刷新展示最新修改。
6. 打包项目
在命令行中输入以下命令进行项目打包:
```
npm run build
```
打包完成后,项目文件会生成在dist目录中。
以上就是创建一个Vue.js项目的基本流程,可以根据自己的需要进行修改和扩展。
阅读全文