新手创建VUE项目

**

新建一个vue项目

**

安装node环境

  1. 当然是先下载node安装包,http://nodejs.cn/download/,然后选择合适的安装包下载并安装。
  2. 安装你的node包,一直next,然后就提示安装好了。
  3. 接下来,看看有没有安装成功。cmd代开小黑窗,输入node -v,回车!显示得有node版本号,然后接着输入npm -v,回车!也能显示npm的版本,OK,成功了。但是,有的小伙伴也可能会遇到npm -v后有小光标在闪,这时找到这个路径C:\Users\Administrator\npmrc,并删掉此文件。

这是正常的情况这是正常的情况
不正常的情况,不好意思我没截图。。。。

搭建vue环境

  1. 这里我使用了vue的脚手架 vue-cli , 当然是因为方便又快捷,但是你也可以自己搭,帮助了解框架的搭建过程:
    npm i -g vue-cli (全局安装)
  2. 新建项目文件夹,并且cd到文件夹下,创建一个基于webpack模板的项目:
    npm init webpack ‘你的项目名’
  3. 接下来会出现一些项目属性:
    依次是:项目名称、项目描述、作者、打包方式、是否安装vue-router、是否使用ESLint语法检测、是否安装单元测试工具、是否需要端到端测试工具、使用npm初始化项目。
    依次是:项目名称、项目描述、作者、打包方式、是否安装vue-router、是否使用ESLint语法检测、是否安装单元测试工具、是否需要端到端测试工具、使用npm初始化项目。
  4. cd 你的项目名称 进入到项目文件夹内,初始化项目,安装依赖:
    npm init
    此时,你可以看到项目目录:
    在这里插入图片描述
  5. 至此,你可以运行你的项目了:
    npm run dev
    在这里插入图片描述
    桃子的胡言乱语:
    因为懒,所以一直也没写过什么东西,懒是原罪。但是以后要慢慢的改变,人总要做点什么才能证明在活着(活着为什么要证明~。。。)。我最近在追《庆余年》,推荐给你啊,很好看的!
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值