vue.js创建项目(二)

                                                                   创建一个基于 webpack 模板的新项目

 

1.用cd命令进入到将要新建工程的目录。 例如:D:\vue\FirstProject。

     然后输入命令:vue init webpack my-project
  最后两个为单元测试的no也可以改为yes(这些以后也可以再加的),完成后会发现D:\vue\FirstProject有一个my-project的文件夹,里面有好几个文件

2.安装项目所需依赖:
  先把路径定位到my-project :cd my-project 
  再输入命令安装依赖:npm install 或 cnpm install

  完成后,会发现项目目录下多出一个node_modules文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目。

3.打开本地服务器实时查看效果(localhost:8080)
  运行该项目,测试一下该项目是否能够正常工作,这种方式是用nodejs来启动
  npm run dev 或 cnpm run dev

  如果浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js

    

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值