您当前的位置:首页 > 计算机 > 服务器 > 万维网络 > 中间件

Vue安装和创建Vue项目

时间:12-16来源:作者:点击数:

1、安装Node.js

下载地址:https://nodejs.org/en/download/

2、执行npm install --global vue-cli 命令,全局安装vue-cli

3、执行vue init webpack vue-project 命令

其中vue-project 是自己的项目名称

如下图所示,执行后,会让你确认Project name,Project description,Author,Vue build,Install vue-router,Use ESLint to lint your code?,Set up unit tests,Pick a test runner,Setup e2e tests with Nightwatch?, Should we run npm install for you after the project has been created?,直接回车就表示Yes了。

其中就Use ESLint to line your code ?选择 No,该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,避免不必要的麻烦。

Vue安装和创建Vue项目

安装完后显示如下:

Vue安装和创建Vue项目

安装完成后,在刚才执行命令的目录下就生成了项目文件夹。

输入命令cd first-vue进入到项目目录下,运行命令npm run dev便可以打开本地服务器实时查看效果(localhost:8080)。

默认项目运行效果:

Vue安装和创建Vue项目
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门