node
1、Windows 安装包(.msi)
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
下载后无脑下一步即可,选择自己安装的路径最好不好有中文名名称!
检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入"cmd" => 输入命令"path",输出如下结果:
PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs; C:\Users\rg\AppData\Roaming\npm
我们可以看到环境变量中已经包含了C:\Program Files\nodejs
检查Node.js版本
在输入node -version之后出现版本说明已经安装成功了,下一步可以开始vue安装.
基于node.js,利用淘宝npm镜像安装相关依赖
在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装…
安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里
输入:cnpm install -g vue-cli,回车,等待安装…
输入:vue,回车,若出现vue信息说明表示成功
接下来就是创建项目:
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图操作(一般情况我在创建的时候use往下的都选n不安装)
最后 cd vue_test (进入项目)
npm install (更新一下依赖)
npm run dev (启动项目)
浏览器输入localhost:8080 就可以了~!
问题
在安装的过程中你可能会遇到
> my-first-vue-project@1.0.0 dev C:\Users\ASUS\my-project
> node build/dev-server.js
To use this template, you must update following to modules:
npm: 2.15.9 should be >= 3.0.0
这是只有升级npm
即是 :使用 npm -g install npm@3.0.0 (版本号2.9.1 可以根据已发布的版本随意升级或降级),获取最新版本的npm 文件
查看版本:
升级到高版本
cnpm install -g @vue/cli
最后还不行的话:(最后这个方法也是在百度见的本人没有用过)
复制C:\Users{你的Windows用户名}\AppData\Roaming\npm\node_modules\npm下的文件到你的 NodeJS安装目录下的 \node_modules\npm 中,覆盖掉原有的全部文件