Web

windows搭建VUE开发环境


一、安装node.js

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

安装时不建议安装到系统盘,容易出现一些windows权限问题

二、设置nodejs prefix(全局)和 cache(缓存)路径

1. 在nodejs安装路径下,新建node_global和node_cache两个文件夹

2.设置缓存文件夹

    npm config set cache "D:\Environment\nodejs\node_cache"

设置全局模块存放路径

    npm config set prefix "D:\Environment\nodejs\node_global"

设置成功后,之后用命令npm install xxx -g 安装的模块就在D:\Environment\nodejs\node_global 里

三,基于nodejs 安装cnpm(淘宝镜像)

   npm install -g cnpm --registry=https://registry.npm.taobao.org

四、设置环境变量

1. 鼠标右键”此电脑”,选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。

2. 修改系统变量PATH

3. 新增系统变量NODE_PATH

五、安装vue

   cnpm install vue -g

六、安装vue命令行工具,即vue-cli脚手架

    cnpm install vue-cli -g

七、创建新项目

在项目文件下输入“ vue init webpack-simple 项目名称(使用英文) ”

   vue init webpack-simple mytest

创建完成后 进入刚创建的项目目录安装工程依赖模块

    cnpm install

运行该项目,测试该项目是否能正常工作

    cnpm run dev

暂无评论

发表评论