首页天道酬勤如何运行一个vue项目,webstorm导入vue项目

如何运行一个vue项目,webstorm导入vue项目

张世龙 05-05 16:21 93次浏览

作为一个职业浅尝辄止的swdqj前端,不断学习是我们不可失去的习惯。 在前端流行的框架也层出不穷,vue在许多框架中脱颖而出。 今天花两个小时进行自己创建vue项目的过程,与你们共享。

1 :打开cmd命令行,首先安装节点

步骤:在3359 nodejs.org/en/download/node官网上,选择适合自己电脑的版本下载,一步一步安装即可。 输入node -v,出现版本信息后安装成功。

2 :由于NPM软件包管理器已集成到node中,因此直接输入npm -v将显示版本信息

3 )输入npmconfigsetregistry https://registry.NPM.Taobao.org,配置淘宝镜像安装的依赖关系

4 )安装vue-cli脚手架搭建工具,输入命令npm install vue-cli -g,安装完毕即可。

要验证vue-cli是否成功,请输入NPM配置列表进行验证

5 )选择路径,创建新的vue项目。 在此,我们将在桌面上创建新的

CD桌面

6 )在前一步骤的目录中创建新项目,并指示vue init webpack项目名称

7 )前进到上一步,开始新建项目,询问项目的相关配置。

说明:

Vue build==打包方式,回车即可;

install vue-router==是否安装vue-router,因为项目中一定会使用,所以y回车;

Use ESLint to lint your code==目前我们不需要语法检查,所以n回车;

Set up unit tests==当前不需要安装单元测试工具,因此返回n滑架;

Setup e2e tests with Nightwatch==返回,因为目前不需要端到端测试工具;

至此,模板项目创建成功。

8 :进入项目文件夹下

进入9:项目后依赖于npm install的安装(基本命令: npm install axios () ) ) ) ) ) ) )。

10 :运行项目并指示npm run dev

在11:浏览器中打开此网站时,将显示以下内容

至此,vue项目的新设置完成

nginx配置发布vue,vue打包环境配置