在Windows 上创建一个 Vue 项目

1.在Windows上安装Nodejs

#查看版本
$ npm -v

#升级 npm
cnpm install npm -g

#升级或安装 cnpm
npm install cnpm -g

2.安装vue

	#最新稳定版
	npm install vue或cnpm install vue
	#ps:cnpm需要配置淘宝镜像

	#查看版本
	vue -V

3.创建一个vue项目

# 全局安装 vue-cli
cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
vue init webpack myproject



#下面这些一直回车即可
? Project name myproject
? Project description A Vue.js project
? Author 123<123@qq.com>
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes

? Should we run `npm install` for you after the project has been created? (recom
? Should we run `npm install` for you after the project has been created? (recom

mended) npm


   vue-cli · Generated "myproject".


# Installing project dependencies ...
# ========================

在这里插入图片描述

4.进入项目、安装并运行

 cd myproject
 npm install 或 cnpm install
 npm run dev

在这里插入图片描述

5.在浏览器中输入以下地址
在这里插入图片描述
浏览器输入地址后会出现以下界面,证明项目创建成功
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值