vue 环境配置(cnpm)
目录安装node.js设置node prefix(全局)和cache(缓存)路径安装cnpm(淘宝镜像)设置环境变量安装Vue安装脚手架工具vue-cli创建项目安装依赖(一)安装node.js下载请戳:node.js下载地址看到这个界面,你可以根据自己的系统来选择下载安装文件。至于node的安装路径,你可以选择安装在C盘,也可以选择非系统...
目录
- 安装node.js
- 设置node prefix(全局)和cache(缓存)路径
- 安装cnpm(淘宝镜像)
- 设置环境变量
- 安装Vue
- 安装脚手架工具vue-cli
- 创建项目
- 安装依赖
(一)安装node.js
下载请戳:node.js下载地址
看到这个界面,你可以根据自己的系统来选择下载安装文件。
至于node的安装路径,你可以选择安装在C盘,也可以选择非系统盘,但是接下来的配置,还要使用到安装路径。
(二)设置node global(全局)和cache(缓存)路径
往后全局更新,下载的工具,模块放置在node_global
找到node安装的地方,在node文件夹里新建两个文件夹,分别是node_global和node_cache
如下图:
这里我安装在D盘,node文件夹是安装node的文件夹,就在node文件夹里面新建了上述的两个文件。
接下来要设置好这两个文件夹的路径:
运行: npm config set cache "D:\node\node_cache" 设置缓存文件夹;
运行: npm config set prefix "D:\node\node_global"设置全局模块存放路径;
注意:还要修改node\node_modules\npm\npmrc文件,因为不做这个修改的话,则npm在运行 npm ls -g 的时候,仍然以默认的路径来查找已安装的全局模块;
prefix=D:\node
(三)安装淘宝镜像
1. 临时方法: npm --registry https://registry.npm.taobao.org install express
2. 永久方法: npm config set registry https://registry.npm.taobao.org
配置后可通过下面方式来验证是否成功
npm config get registry
注:使用的时候和npm用法一样,开头也使用是npm
(四)系统变量:
新建NODE_PATH,添加路径地址,(node_modules不存在,直接添加)
(五)安装Vue
运行:npm install vue -g
这里是全局安装
(六)安装vue脚手架vue-cli
运行:npm install vue-cli -g
(七)创建vue项目
vue init webpack myproject
tips: 接下来的话能阅读正常英文即可,也不是难点,看情况配置吧。
(八)安装依赖
运行:npm install
最后: npm run dev 即可开始使用vue了。
参考文献
更多推荐
所有评论(0)