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

使用工具创建

image
image

下面的方法,在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>

image

创建项目

创建空的项目

image
在空的项目中安装Vue.js

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

image
image
image

posted @ 2024-05-30 17:17  VipSoft  阅读(56)  评论(0)    收藏  举报