Node.js/Vue环境搭配安装

Posted 2020-10-12 码农编程进阶笔记

http://blog.sina.com.cn/s/blog_497ff1a70102x0sw.html

第一次接触Node.js,想创建自己的服务就须配置好Node.js环境

安装Node.js

• 下载Node.js
  Node.js安装包下载地址为：https://nodejs.org/en/download
  注：由于本地是windows64位环境选择的是第一个
  
  
• 安装Node.js
  双击下载的安装包文件，直接下一步到安装完成即可（Node.js默认安装目录为 "C:\Program Files\nodejs\" , 可以修改目录）
• 检测Node.js
  在cmd环境下运行node -v即可查看版本
  
  安装完成后即可创建属于自己的第一个Node.js应用
  

安装npm

新版的nodejs已经集成了npm，所以npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否已安装， 如果未安装成功即可使用命令 npm install npm -g安装

 

 

安装express

Node.js web框架模块 express安装命令npm install express （本地安装）npm install express -g（全局安装）

 安装淘宝 NPM 镜像

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

Vue安装

用的是cnpm命令安装

cnpm install vue (话说稳定版)

全局安装vue-cli

cnpm install --global vue-cli   #(全局安装)

创建一个基于webpack模板的新项目

 

1. 输入命令 vue init webpack first-my-vue   默认配置回车即可
2. 进入项目安装并运行 cnpm install和 cnpm run dev
3. 执行后则打开http://localhost:8080/#/