欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

在Windows 上创建一个 Vue 项目

程序员文章站 2022-04-15 19:59:32
1.在Windows上安装Nodejs#查看版本$ npm -v#升级 npmcnpm install npm -g#升级或安装 cnpmnpm install cnpm -g2.安装vue#最新稳定版npm install vue或cnpm install vue#ps:cnpm需要配置淘宝镜像#查看版本vue -V3.创建一个vue项目# 全局安装 vue-clicnpm install --global vue-cli# 创建一个基于 webpack...

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 ...
# ========================

在Windows 上创建一个 Vue 项目

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

 cd myproject
 npm install 或 cnpm install
 npm run dev

在Windows 上创建一个 Vue 项目

5.在浏览器中输入以下地址
在Windows 上创建一个 Vue 项目
浏览器输入地址后会出现以下界面,证明项目创建成功
在Windows 上创建一个 Vue 项目

本文地址:https://blog.csdn.net/u013010499/article/details/108216645

相关标签: VUE