创建第一个vue项目
1.首先检查你的本地环境是否准备好,打开你的cmd, nodejs是否安装成功,未安装nodejs的可以看我上面一篇文章,nodejs的安装2.安装淘宝镜像库如果访问外网比较慢,可以使用淘宝的镜像 在cmd中输入这行命令就可以了,npm install -g cnpm --registry=https://registry.npm.taobao.org安装成功之后,就可以...
1.首先检查你的本地环境是否准备好,
打开你的cmd, nodejs是否安装成功,未安装nodejs的可以看我上面一篇文章,nodejs的安装
2.安装淘宝镜像库
如果访问外网比较慢,可以使用淘宝的镜像
在cmd中输入这行命令就可以了,npm install -g cnpm --registry=https://registry.npm.taobao.org
安装成功之后,就可以用 cnpm 替代 npm
3.安装vue-cli
npm install -g vue-cli 或者 cnpm i -g vue-cli
安装完成之后可以使用 vue -V 查看安装vue的版本,检查安装是否成功
4.创建项目
1)进入你的项目路径,在上面输入cmd,回车
2)安装项目: vue init webpack demo
可以看到输完命令之后,不知道为啥出现了乱码,不过不影响项目的创建
Project name(工程名):回车
Project description(工程介绍):回车
Author:作者名
Vue build(是否安装编译器):回车
Install vue-router(是否安装Vue路由):回车
Use ESLint to lint your code(是否使用ESLint检查js代码):n
Set up unit tests(安装单元测试工具):n
Setup e2e tests with Nightwatch(是否安装端到端测试工具):n
Should we run npm install
for you after the project has been created? (recommended):回车。
5.启动项目
项目创建完成之后,可定要启动一下的
- 进入项目目录:cd demo
- 安装项目所需要的依赖:npm install
- 启动项目:npm run dev
启动成功,浏览器打开:localhost:8080,即可看到vue项目。
项目正常访问的页面~证明你项目创建成功了
更多推荐
所有评论(0)