如何开始一个vue项目

第一次开始一个vue项目:

                1:安装node,npm:  

                   vue项目是基于node,和npm创建的,所以首先去node官网下载node.js,直接解压安装一路next就行了,现在的npm已经整合到node上了,所以安装node的时候npm也自动安装上了。安装之后从cmd命令行输入 node -V,和npm-V,回车,命令行输出版本号检验是否安装成功。

               2:安装vue-cli

                (1)安装脚手架工具: npm install -g vue-cli –registry=https://registry.npm.taobao.org (—淘宝-镜像比较快)

                   安装结束之后可以cmd输入 vue -v,查看vue版本号查看是否安装成功。

               3:创建框架项目 vue init webpack  Vueproject (Vueproject是项目名称)

                有时候创建不成功,有可能是webpack文件问题,去官网下载webpack文件,放到安装的c盘,user的.vue_templates文件夹下,再重新启动命令应该就可以了。

               4: 安装依赖:

                 首先cd到项目文件夹(Vueproject文件夹),然后运行命令 npm install ,等待安装。 

                5:运行:

                 在你建成的Vueproject文件夹上按住shift加鼠标右键选择命令行从此处启动,然后npm run dev,运行项目,运行成功cmd会提示可以从localhost:8080开启网页。

                         

            

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值