在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 ...
# ========================
4.进入项目、安装并运行
cd myproject
npm install 或 cnpm install
npm run dev
5.在浏览器中输入以下地址
浏览器输入地址后会出现以下界面,证明项目创建成功
本文地址:https://blog.csdn.net/u013010499/article/details/108216645
上一篇: java每日5问(第37天)
下一篇: 阿里p7 p8的要求看看你会了多少
推荐阅读
-
在使用@angular/cli创建的angular项目上添加postcss等一系列移动端自适应插件
-
在Linux上安装Python的Flask框架和创建第一个app实例的教程
-
在微软Azure的服务器上创建Windows虚拟机的教程
-
用C#在本地创建一个Windows帐户(DOS命令)
-
Django项目: 项目环境搭建 ---- 三、在码云平台创建项目&推送到码云上
-
使用命令行工具npm新创建一个vue项目的方法
-
Django+vue在腾讯云上搭建前后端分离项目
-
在windows10上创建ASP.NET mvc5+Memcached服务
-
在Ubuntu 16.04上用Docker Swarm和DigitalOcean创建一个Docker容器集群的方法
-
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决