Vue cmd窗口创建项目（初学版本）

2024-05-15 14:48:05

一：打开CMD窗口

（1）win+R,输入cmd即可打开

二：查询是否安装过Node.js

(1)node -v
(2)npm -v

三：切换到淘宝镜像

（1）npm install -g cnpm -registry=https://registry.npm taobao.org
（2）查询是否成功；命令：cnpm -v

四：安装全局脚手架（仅限第一次执行）

（1）npm install -g @vue/cli
（2）不用在意哪个盘，直接执行就OK啦

五：查看是否成功

（1）输入：vue
（2）不报错，即表示成功！

六：创建项目

（1）切记，这一步首先要切换到你想要创建项目的目录中，比如我想将项目创建到D盘下vuefiles的目录中，首先就要切换到这个目录中，然后执行：vue create +项目名称，最后回车
（2）创建的过程中，会让你选择是否使用淘宝镜像，输入yes即可

（3）之后会跳入到一个：是创建VUE2 或者VUE3的选项中，用键盘上下箭头选择，选好之后点击回车！
（4）最后使用：npm run serve 启动创建的vue项目；默认端口号是8080，后续可以改！
（5）访问：输入：http://localhost:8080/；即可跳转到vue欢迎页面

七：结束项目

（1）Ctrl + C ,然后输入Yes/Y 即可关闭！
结语：
至此项目创建完成，然后使用VScode打开项目即可！
如果有什么问题，可以随时联系我，一起加油！yes

Vue cmd窗口创建项目（初学版本）相关推荐

vue ui网页创建项目失败
vue ui网页创建项目失败出现"Cannot set property 'context' of null"错误原因:vue-cli脚手架版本不正确解决方法:我第一次安装的是 ...
vue create xxx创建项目过程中报错的解决方法
vue create xxx创建项目过程中报错的解决方法报错图例解决办法报错图例解决办法首先检查电脑里是否安装node.js 检查方法:命令行输入 node -v 还要再输入一个 npm - ...
vue图形界面创建项目报：GraphQL error: Cannot return null for non-nullable field Mutation.projectCreate，解决方法
1.删除C:\Users\admin\AppData\Roaming\npm-cache中的所有文件,每个电脑路径可能不一样, 总之在/AppData\Roaming\npm-cache下面 2.命令 ...
java sencha_sencha cmd安装创建项目与编译，特详细。
官方文档环境要求 Java Run-time Environment or JRE,版本>=6.0. Ruby Sencha Cmd Ext JS SDK 下载安装搭建环境 EXTJS的版本要 ...
Vue实现离线创建项目
使用vue-cli工具中的命令 vue init webpack demo创建vue项目时有时候报错,提示连接超时,如图所示: 说明我们无法翻墙连接服务器,这时候我们就需要使用离线创建了,命令如下 ...
Nuxt.js（Vue SSR）创建项目到服务器（Nginx+PM2）部署详细流程
一.什么是 SSR ? SSR 就是服务器渲染,什么是服务器渲染?由服务器组装好 DOM 元素,生成 HTML 字符串给到浏览器,也就是在浏览器里面是可以看到整个页面的 DOM 源码的. SS ...
通过Vue CLI 4创建项目
1.安装Vue CLI 4 前提是你已经安装了Node(自带npm),Node版本要求:Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上). Vue CLI 的 ...
Vue安装并创建项目
vue是基于node.js框架,很好的实现了mvvm,是一种轻量级的渐进式框架. MVVM思想:view-viewmodel–model,view与model的数据通过viewmodel实现了数据的双 ...
vue使用vuetify创建项目运行报错：error Component name XXX should always be multi-word vue/multi-word-compon
报错如下: You may use special comments to disable some warnings. Use // eslint-disable-next-line to igno ...

最新文章

热门文章