vue搭建基础

1、新建vue项目后使用vue-cli搭建开发环境(安装命令:npm install vue-cli -g)

2、初始化项目(vue init webpack h-text)

vue init 后跟着的两个,第一个代表着你所要采用的模板,如这里的webpack,第二个是你的项目的文件夹名,如果你提前建好了文件夹,在命令行中也进入这个文件夹,可以省略输入它;

3、Generate project incurrent directory?//是否在本目录下构建,在选择是否,下载前面初始化所采用的模板

Project name//项目名称;命令行中询问项目的名称时,名称要小写,不支持大写;

Author//作者;Vue bulid(直接按回车);

Install vue-router?//是否安装路由

Use ESLint to lint your code?//在多人团队开发时,必须安装,用于规范代码编写形式

Setup unit tests with Karma + Macha?//测试工具

Setup unit tests with Nightwatch?模拟测试工具

4、使用npm install 安装package.json里的项目的依赖包[这步具体看你的命令行给出的内容,我没有输入npm install,我的命令行给出了三个选择,我是选择npm,然后回车]

5、输入npm run dev,若在浏览器中正常打开,说明安装正确

关于端口:搭建之后跑起来你会注意到端口号是为8080的,如果想修改,可以在config文件中的index.js中修改

备注:如果网速不行,npm可以改用淘宝镜像的cnpm进行安装

猜你喜欢

转载自blog.csdn.net/weixin_41700532/article/details/81219187