学习vue-cli与准备

学习vue-cli与准备

学习vue-cli与准备

安装编译器vs code

首先在官网找到需要下载的文件,点击下载。

在浏览器或者下载软件中就可以看到一个下载地址了,将其复制下来。

然后将红框内的部分更换为如下内容:

vscode.cdn.azure.cn <--------就是左边这个

更新后的地址为:http://vscode.cdn.azure.cn/stable/78a4c91400152c0f27ba4d363eb56d2835f9903a/VSCodeUserSetup-x64-1.43.0.exe

这个就是国内的镜像了点开后你会发现速度直接起飞。


汉化中文 点击插件按钮搜索 Chinese, file 重启生效

下载 node.js,不要下载最新的,推荐v10 file 安装后将自动配置环境变量。 配置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目录了


安装后设置阿里镜像 file 方式一

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 进行安装。

参考:链接

猜你喜欢