vue 如何新建一个项目
2018-02-27 15:40
585 查看
身为入行未深的小白前端,不断的学习是我们不可丢失的习惯。前端流行的框架也是层出不穷,vue在众多框架中脱颖而出。今天花了两个小时的时间自己走了一边创建vue项目的流程,跟你们分享。
1:打开cmd命令行,首先安装node
步骤:https://nodejs.org/en/download/ node官网,选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,输入node -v,如果出现版本信息即表示安装成功。
2:npm包管理器是集成在node中的,所以直接输入npm -v就能查看到版本信息
3:输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像安装相关依赖
4:安装vue-cli脚手架构建工具,输入命令 npm install -g vue-cli,安装完成即可。
5:选定路径,新建vue项目,这里我是新建到桌面上
6:在上一步得目录下新建项目,指令vue init webpack +项目名称
7:上一步之后就会开始新建项目,询问项目的相关配置。一路yes省事儿没啥问题
8:进入到项目的文件夹下
9:运行项目,指令npm run dev
10:在浏览器中打开这个网址,就能看到
至此,vue项目新建完毕
1:打开cmd命令行,首先安装node
步骤:https://nodejs.org/en/download/ node官网,选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,输入node -v,如果出现版本信息即表示安装成功。
2:npm包管理器是集成在node中的,所以直接输入npm -v就能查看到版本信息
3:输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像安装相关依赖
4:安装vue-cli脚手架构建工具,输入命令 npm install -g vue-cli,安装完成即可。
5:选定路径,新建vue项目,这里我是新建到桌面上
6:在上一步得目录下新建项目,指令vue init webpack +项目名称
7:上一步之后就会开始新建项目,询问项目的相关配置。一路yes省事儿没啥问题
8:进入到项目的文件夹下
9:运行项目,指令npm run dev
10:在浏览器中打开这个网址,就能看到
至此,vue项目新建完毕
相关文章推荐
- 如何一步一步新建一个Owin项目
- eclipse如何新建一个maven项目
- 如何创建一个vue的新项目,用命令行的方式创建
- 新建一个vue项目
- 如何新建一个Cocos2d-x项目
- 如何新建一个空项目+添加导航视图控制器
- 使用vue如何构建一个自动建站项目
- 如何新建一个maven项目?
- 如何用visual studio 2010 新建一个C程序项目
- 关于eclipse for java ee 如何新建一个javaWeb项目
- 如何新建一个Maven项目(步骤)
- ue4如何利用已有项目新建一个模板
- ScriptCase开发平台介绍(四)——如何新建一个项目
- 如何用intellij idea新建一个java web+Servlet项目
- 学习如何新建一个c#项目和输出hello world
- 如何创建一个vue项目
- 如何配置vue的环境配置和新建项目
- 如何用VUE脚手架新建项目,并且设置淘宝镜像。
- 如何创建一个vue项目
- 新建一个vue项目