如何运行一个vue项目,webstorm导入vue项目
作为一个职业浅尝辄止的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项目的新设置完成