参考了网上的vue环境搭建方式,自己亲测有效,记录下来以作笔记。
1.安装node.js
启动CMD依次执行以下两条命令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
2.配置环境变量
NODE_PATH = D:\nodejs
PATH = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;
3.利用淘宝npm镜像安装相关依赖
启动CMD执行
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后,输入命令 cnpm -v,查看是否安装成功。
我在安装过程总遇到问题说cnpm不是内部或外部命令。解决方法是,在nodejs的安装目录下找到cnpm,然后将其所在路径添加到系统的环境变量中,再重启cmd。
我本机上cnpm在D:\nodejs\node_global路径下,故而将D:\nodejs\node_global添加到环境变量中,问题解决。
4.安装全局vue-cli,用于帮助搭建所需的模板框架
在cmd里 1)输入:cnpm install -g vue-cli,回车,等待安装
2).输入:vue,回车,若出现vue信息说明表示成功
5、试试新建一个Vue项目
vue init webpack vue-demo
6.安装依赖
在cmd里 1).输入:cd vue_demo(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)
7.测试环境是否搭建成功
在cmd里输入:cnpm run dev
在浏览里输入:localhost:8080(默认端口为8080)