vue项目的创建

新创建一个vue 的项目需要干哪些工作:

一,node安装

1、判断是否安装nodeJS,没有安装先安装,对安装路径没有要求(node的下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/

二、node环境检测

2、下载git并安装(为了更好的使用命令行,git的下载地址:https://git-for-windows.github.io/)

3、git安装成功后,可以直接在桌面右键,点击git bash here,这时候会打开控制台

4、输入 node -v(检测node是否安装成功,如果出现node的安装版本号,说明node安装成功)

5、输入npm -v(查看npm 的版本号)

三、vue-cli脚手架的安装

6、打开命令终端 npm install -g cnpm --registry=https://registry.npm.taobao.org

7、npm install vue-cli -g(安装vue-cli)

四、正式创建vue项目

8、进入我的存放项目的文件,在文件名上右键git bash here

9、初始化项目vue init webpack vue-demo(创建一个名为vue-demo的vue项目,一直回车,直到出现:install vue-router?:意思是是否安装vue-router在项目中,输入:Y,因为肯定要用到,其他的可以输入n,因为暂时不会用到)

10、cd vue-demo(进入到项目的根目录)

11、npm install (安装npm)

12、npm run dev(这个就是运行你才创建的vue项目。默认自动打开,也可以输入:localhost:8080,也会打开)

相关链接:https://segmentfault.com/a/1190000008922234


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值