打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
使用webstorm来创建并且运行vue项目

一、准备工作

1.  webstorm的安装:

2.  node.js的安装

3.  安装Git

4.  cnpm 安装

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

5.  安装打包工具webpack

cnpm install webpack -g

6.  安装vue脚手架

cnpm install  vue-cli -g

二、初始化项目

1.  打开cmd(右键管理员),进入要创建项目的文件夹

vue init webpack myproject(项目名称)


三、webStorm部分

1.  打开webStorm,选择file,选择open,定位到项目位置

2.  alt + F12 打开webStrom命令行,输入:

测试运行:cnpm   run   dev    
打包项目:cnpm   run   build


3.  如要打开其他已经存在的项目包,过程同前面,另需要加载项目依赖,在命令行输入:

cnpm install
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Vue开发环境搭建基本操作
Vue2.0史上最全入坑教程(上)
贼 Cool:使用脚手架 vue-cli 来搭建 Vue 环境
安装
vue安装和使用
创建一个vue项目、npm换源
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服