Vue的环境搭建

1:安装Node.js
去node.js官网下载windows对应版本,安装即可。

node.js官网
打开Git Bash Here环境输入node -v或npm -v出现版本号,既安装成功
解决npm安装第三方模块很慢问题,建议使用cnpm淘宝镜像
淘宝镜像官网地址

*第2步:全局安装cnpm这个工具**
-g 表示全局安装,一次安装,永久使用
**npm install -g cnpm** 
--registry=https://registry.npm.taobao.org
***************************************************
第3步:**安装vue脚手架工具**
# -g 表示全局安装
cnpm install @vue/cli -g
***************************************************
第4步:**创建vue项目**
# 先进入目标目录
vue create vue-abc
# 在创建项目的过程中,可能会涉及到vue版本的选择,建议选择2.0
# 如果还需要选择包管理工具,建议使用 npm
**************************************************
第5步:**启动vue项目**
# 进入项目的根目录
在项目根目录打开Git Bash Here环境输入npm run serve
# 在浏览器中通过本地服务来访问vue项目
# 可以自己配置一个start命令
在自己创建的目录里找到package.json文件添加一个 "start": "npm run serve"的命令
`"scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint",
  "start": "npm run serve" <===================
},`
如果当前代码没有node_modules包
执行`cnpm install`可以根据package.json文件进行重装
*************************************************
然后在根目录打开Git Bash Here在里面输入npm start就完成了.
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值