第一话:使用node进行简单的vue-cli2搭建!!!

前提:安装node环境,node自带npm,可以直接通过windows+r开启,在cmd中,直接找到nodeJs,进行全局的vue-cli的安装。

1.安装node,检查node和npm的版本。

node -v  

npm -v

2.安装淘宝镜像:https://registry.npm.taobao.org

安装命令:npm install cnpm -g --registry=https://registry.npm.taobao.org

ps:安装完成查看cnpm的版本号:cnpm -v(当前窗口如果检查不出来,关闭重新打开查看)。

3.全局安装vue-cli脚手架:

安装命令:(c)npm install vue-cli -g   或者   (c)npm install @vue/cli -g

ps:同上,安装完成之后检查安装版本。vue -V

4.使用vue创建一个项目vue-first-project:

注:vue-cli 的模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。

----webpack-simple 相对简单的,它根目录下才有个 webpack.config.js。

安装命令:vue init webpack vue-first-project

5.项目建立后,安装项目依赖npm install

ps:不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)。

造成的结果:项目目录下多出一个node_modules文件夹

6.进入创建的新项目,进行vue的开发。

cd vue-first-project

7.使用npm run dev,便可以打开本地服务器实时查看效果(localhost:8080)

8.初始化效果:

参考文章:https://www.cnblogs.com/pearl07/p/6247389.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值