ubuntu创建vue项目

最新推荐文章于 2025-05-23 14:09:45 发布

飞鸿酱

最新推荐文章于 2025-05-23 14:09:45 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： front-end-vue

本文链接：https://blog.youkuaiyun.com/weixin_38465623/article/details/81175112

front-end-vue 专栏收录该内容

40 篇文章

订阅专栏

在Ubuntu系统中，首先通过下载安装Node.js获取npm。然后，创建一个新文件夹并使用vue-cli创建Vue项目，处理项目初始化选项。选择不安装ESLint、Karma和Mocha测试。安装依赖并启动项目，通过浏览器运行。若要从Git克隆Vue项目，同样创建文件夹，克隆项目，安装依赖并运行。

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

ctrl+alt+t打开终端

下载node.js，网址：https://nodejs.org/en/

node下载

把 nodejs安装完成后，npm自带的。

一、创建新vue项目

创建一个文件夹（test是我自己的文件夹）
```
mkdir test
```
进入文件夹
```
cd test
```
安装和下载全局vue-cli（因为我之前安装好了，所以不需要再次安装）(此说法有误解，应该是创建vue项目的文件夹中install了 vue-cli的话，则不需要再次安装)
```
npm install vue-cli -g 
```
创建vue项目（firstVue是我的项目名）
```
vue init webpack firstVue
```
期间会有一些问题，比如项目名，作者，描述等等。
Use ESLint to lint your code? (Y/n)；使用ESlint语法？（Y/ N）。（使用ESLint语法，就要做好心理准备，除非你非常懂ESLint语法，要不就会处处报错
Setup unit tests with Karma + Mocha? (Y/n)；设置单元测试？（Y / N）。
Setup e2e tests with Nightwatch? (Y/n)；Nightwatch建立端到端的测试？（Y / N）。
（上面三个选N，其余选yes就好了）
初始化安装依赖
```
npm intall
```
执行项目
```
npm run dev
```
复制网址在浏览器中运行即可
如果要编辑vue项目，选中项目右键用webstorm等编辑器打开即可。