WebStorm 创建 Vue 项目

简介: WebStorm 创建 Vue 项目

推荐cmd命令行创建:https://www.cnblogs.com/vipsoft/p/18223770

实际使用,直接下框架代码改项目

安装 Nodejs

下载:https://nodejs.org/en/download/prebuilt-installer

更新源

npm config set registry https://registry.npmmirror.com/

查看npm源

npm config get registry

使用工具创建

下面的方法,在init后路径上会多一级

安装 Vue CLI 脚手架

D:\OpenSource>npm install -g @vue/cli
D:\OpenSource>vue -V
@vue/cli 5.0.8
D:\OpenSource>where vue
D:\Users\cj218\AppData\Roaming\npm\vue
D:\Users\cj218\AppData\Roaming\npm\vue.cmd
D:\OpenSource>

创建项目

创建空的项目

在空的项目中安装Vue.js

D:\OpenSource\VipVue>npm install vue
D:\OpenSource\VipVue>npm i -g @vue/cli-init
D:\OpenSource\VipVue>vue init webpack VipVue

目录
相关文章
|
JavaScript
使用Webstorm快速启动Vue项目配置
使用Webstorm快速启动Vue项目配置
112 0
|
6月前
|
移动开发 前端开发 JavaScript
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
|
3月前
|
前端开发 JavaScript IDE
WebStorm 打开多个项目的方法
【8月更文挑战第2天】
143 0
|
JavaScript 开发工具 git
使用webstorm来创建并且运行vue项目详细教程
使用webstorm来创建并且运行vue项目详细教程
973 0
|
6月前
|
前端开发 JavaScript IDE
WebStorm 打开多个项目的方法
【2月更文挑战第1篇】
918 2
webstorm打开新项目提示设置、是否在新窗口打开提示
webstorm打开新项目提示设置、是否在新窗口打开提示
|
Web App开发 JavaScript 前端开发
保姆级教程:WebStorm创建VUE项目
保姆级教程:WebStorm创建VUE项目
2668 0
|
JavaScript
mac上搭建vue环境及webstorm新建vue项目
安装nodejs和npm 这个就不细说了,网上有很多相关资料。 注意,如果npm版本低可能不行,升级npm使用命令: sudo npm install -g npm 查看npm版本使用命令 npm -v
308 0
|
JavaScript 前端开发 开发工具
|
JavaScript
WebStorm配置代码模板【以vue模板为例,提供vue代码模板】
WebStorm配置代码模板【以vue模板为例,提供vue代码模板】
207 0

热门文章

最新文章