Vue回顾-1

时隔2月,重新回顾一下并开始拓展

本回顾系列,基于webpack和vue-cli脚手架

安装node.js

下载网址:https://nodejs.org/zh-cn/

安装完成,在命令行输入 node -v 有版本号显示安装正确

可以设置淘宝镜像:

npm config set registry https://registry.npm.taobao.org

设置完成会会在如下图的两个目录生成2个npm的配置文件


在.npmrc文件中配置如下图:


registry=https://registry.npm.taobao.org
msvs_version=2015
electron_mirror=http://npm.taobao.org/mirrors/electron/
sqlite3_binary_site=http://npm.taobao.org/mirrors/sqlite3
chromedriver_mirror=http://npm.taobao.org/mirrors/chromedriver
python=python2.7
sass_binary_site=http://npm.taobao.org/mirrors/node-sass
备用配置文件.npmrc_bak.npmrc中,配置如下


全局安装: vue-cli  webpack

npm install webpack -g
npm install vue-cli -g

新建一个空目录用来存放项目目录

使用命令符cd进入后

vue init webpack myvue        //vue初始化并用webpack管理

之后相关配置如下,仅供参考


可能会报错


解决方式:

npm install [email protected] --ignore-scripts
自己用点心开,具体的报错,差什么,什么安装有问题,就单独的重新安装即可

注意现在要先cd myvue 进入项目目录后执行上面的代码


安装完成后,重复vue init webpack myvue

注意自己所处目录层级,也可以不这么做,但是我会这么做


安装成功后,应该就不会再报错了,warning警告不管,反正我不管

建议运行一次

npm install


cd 进入 项目目录myvue

npm run dev

加载完成后


在浏览器中地址栏输入http://localhost:8080

即可正常显示官方的页面



猜你喜欢

转载自blog.csdn.net/aeoliancrazy/article/details/79083672