搭建Vue项目

搭建Vue项目

一,安装node.js

去官网:https://nodejs.org/en/
搭建Vue项目_第1张图片

node –v node.js版本
安装npm命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
Npm -v npm版本
搭建Vue项目_第2张图片
搭建Vue项目_第3张图片

标题二,安装vue-cli脚手架

cnpm install --global vue-cli
二, 搭建vue项目
在本地磁盘选择一个磁盘,然后创建一个文件夹用来存放即将创建的Vue项目,然后在命令窗口切换到该目录下。
vue init webpack 项目名
Poject name:名字不能大写
第一个是否安装路由,选yes
搭建Vue项目_第4张图片
搭建Vue项目_第5张图片

标题三,安装依赖

进入项目文件夹
安装所需依赖,此依赖安装会产生node_modules文件夹,所有依赖都会安装在此文件夹内
使用cnpm install
搭建Vue项目_第6张图片

标题四, 启动项目

启动项目,cnpm run dev
搭建Vue项目_第7张图片

代表启动成功,浏览器访问http://localhost:8080/#/,出现以下页面代表创建成功了
搭建Vue项目_第8张图片

你可能感兴趣的:(Vue,vue,npm,nodejs)