windows环境下node.js环境搭建
分类:
文章
•
2024-09-05 14:05:04
node.js的的下载安装
- 下载直接一步步安装即可;
- 安装完成后,wind+r 弹出cmd,输入node -v 和 npm -v 分别查看版本号,代表node.js安装完成。
- 安装淘宝的npm镜像:(不知道为什么不能使用)
输入npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。这个其实看个人爱好吧,因为npm在国内下载速度是很慢,所以就用npm下载安装cnpm可以更快的下载后面的依赖等等。
- 安装全局vue-cli脚手架、webpack:
1.(npm)cnpm install -g webpack //全局安装webpack
2.(npm)cnpm install -g vue-cli //全局安装vue-cli
3.(npm)cnpm install -g webpack-dev-server //安装webpack的本地webserver
安装完成后,vue-cli脚手架其实就已经把vue也装掉了,所以只需输入vue -V 和 webpack -v 等等就可以查看安装成功
- 安装到此已经安装完毕了,没有遇到问题最好,遇到问题也不用急,下边我把我遇到的奇葩问题给介绍一下
node.js环境配置问题
- 只要是警告,没有问题,不用管;
- 安装完全局vue-cli脚手架、webpack,查看版本号vue安装找不到命令?,我的解决办法如下:
(1)命令行里执行,npm root -g 发现我的电脑上的目录是
D盘,正常的应该是C:\usr\local\node_modules;
(2)如果发现不是,则执行命令npm config set prefix /usr/local;
(3)执行完毕再重新安装完全局vue-cli脚手架、webpack即可;
创建项目运行项目
- vue init webpack-simple 工程名字<工程名字不能用中文>
会有一些初始化的设置,如下输入:
Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test) 直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 写你自己的名字
- cd 命令进入创建的工程目录;
- 安装项目依赖npm install;
一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢,警告的话没有问题,失败的话很有可能是网络导致的,我安装的时候安装了好几次才安装成功;
- 安装 vue 路由模块vue-router和网络请求模块vue-resource
cnpm install vue-router vue-resource –save
- 启动项目
npm run dev
运行别人的vue.js项目domo
- cd 进入目录;
- 安装项目依赖npm install;
- 启动项目
npm run dev