学习vue-cli与准备
学习vue-cli与准备:
安装编译器vs code
首先在官网找到需要下载的文件,点击下载。
在浏览器或者下载软件中就可以看到一个下载地址了,将其复制下来。
然后将红框内的部分更换为如下内容:
vscode.cdn.azure.cn <--------就是左边这个
这个就是国内的镜像了点开后你会发现速度直接起飞。
汉化中文
点击插件按钮搜索 Chinese,
重启生效
下载 node.js,不要下载最新的,推荐v10
安装后将自动配置环境变量。
配置npm的全局模块的存放路径和缓存路径,在node.js的安装目录下新建node-cache和node_global两个文件夹,然后命令行输入
npm config set prefix "c:\Program Files\nodejs\node_global"
npm config set cache "c:\Program Files\nodejs\node_cache"
配置npm的环境变量:系统变量path中新增一个变量: 如:C:\Program Files\nodejs\node_global\node_modules,(node安装在哪就写哪), 然后在用户变量中修改变量为C:\Program Files\nodejs\node_global,最后就可以删掉C:\Users\xlz\AppData\Roaming下的npm目录了
安装后设置阿里镜像
方式一
npm install cnpm -g
方式二
npm config set registry http://registry.npm.taobao.org/
安装cnpm
cnpm install
, 完成后在C:\Program Files\nodejs\node_global\node_modules目录下可看到cnpm文件夹和它的文件了。
安装webpack
cnpm install webpack -g
进行安装,如果报错则去掉-g。
安装vue-cli(用来生成vue模板的工具)
cnpm install vue-cli -g
进行安装。
参考:链接
猜你喜欢
Layui富文本视频等多功能
阅读 789Layui富文本多功能添加
微擎常用记录
阅读 696微擎常用记录
GO 操作MySQL数据库
阅读 911使用GO语言操作MySQL数据库
vue-cli 初体验
阅读 611vue-cli 初体验
PHP使用Elasticsearch搜索引擎
阅读 681PHP使用Elasticsearch搜索引擎实现查询
Larave|Lumen 配合Swoole 加速
阅读 883为什么要用swoole来加速laravel呢?
PHP定时任务
阅读 514PHP框架Laravel定时任务的实现
Swoole 扩展安装与使用入门
阅读 475Swoole从入门到实战