vue初始化、运行

  1. 安装node.js,同时会把npm也安装了

  2. 安装淘宝镜像,npm install -g cnpm --registry=https://registry.npm.taobao.org

  3. 安装webpack,cnpm install webpack -g

  4. 安装vue脚手架,npm install vue-cli -g

  5. 选择一个空白目录,shift加右键打开PowerShell窗口

  6. vue init webpack-simple 项目名

  7. 然后会有一些提示信息在这里插入图片描述

  8. 根据提示执行3个命令即可运行起来,在这里插入图片描述

  9. 注意:在 npm install 之后,出现这个提示表示成功。然后目录下会出现一个node_modules目录,下面会有很多安装的模块,一定要先确认这一步。在这里插入图片描述

  10. 然后可以打开Atom导入这个项目进行后续的开发工作了。之前遇到过在Atom中执行npm install命令老是不成功,也不知道怎么回事。然后接着又遇到无法识别"cross-env"命令、无法识别“webpack-dev-server”命令等问题。最后删了项目目录从头来又成功了。

  11. 第三方组件安装
    - vue-router: npm install vue-router -d
    - element-ui: npm install element-ui –d
    - axios: npm install axios -d
    - vue-axios: npm install vue-axios –d
    - qs: npm install qs –d
    - vuex: npm install vuex –d

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值