返回

Vue安装和创建Vue项目

2019-11-04 Vue安装 Vue项目 2138 0

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项目

您可能感兴趣:

阿里云 云服务器 99元1年 2核2G 3M固定带宽 续费与新购同价

DOVE 网络加速器免费试用

顶部