vue2或3版本空目录下创建新项目的方法

r囧r小猫 2022-11-17 05:14 6阅读 0赞

vue2或3版本空目录下创建新项目的方法  
安装创建项目运行效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hzZzc3_size_16_color_FFFFFF_t_70]  
vscode项目工程目录如下所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hzZzc3_size_16_color_FFFFFF_t_70 1]

安装命令  
查看版本号

node -v
    npm -v
    vue -V

安装vue-cli 2.9版本的命令

npm install vue-cli -g

卸载方法：

npm uninstall vue-cli -g

淘宝 NPM 镜像

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

vue -V

报错时需设置环境变量path然后重启vscode项目即可

path  add  D:\nodejs\node_global

创建项目：vue init webpack projectName(pg-web-land)

vue init webpack pg-web-land

cd pg-web-land
    npm i  或 cnpm i

运行

npm run dev

//---------------------------------  
卸载vue2.x方法：

npm uninstall vue-cli -g

安装vue-cli 3.0+版本的命令

npm install @vue/cli -g

vue3.0创建项目

vue create pg-web-land

cd pg-web-land

npm i  或 cnpm i

运行

npm run serve

–the–end—

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hzZzc3_size_16_color_FFFFFF_t_70]: /images/20221022/d12d9e51426749c0a89fec244a55f51e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hzZzc3_size_16_color_FFFFFF_t_70 1]: /images/20221022/e8aecbac64d94c1780b63dbb27c24f08.png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关可视化界面创建vue项目，版本Vue2.0

可视化界面创建vue项目安装 cnpm install -g @vue/cli 进入到你创建项目的地址，然后允许vue C:\WINDOWS\sy

落日映苍穹つ/ 2023年09月28日 19:13/ 0 赞/ 52 阅读

相关 Vue使用脚手架创建新项目

1.指向项目目录 ![在这里插入图片描述][20200510173603252.png] 2.根据模版创建新项目在当前目录下输入“vue init webpack

不念不忘少年蓝@/ 2023年03月13日 03:40/ 0 赞/ 50 阅读

相关 vue cli2和cli3创建项目的差异

安装：执行cnpm install vue-cli -g 全局安装 Vue CLI <= 2 或 npm install

淩亂°似流年/ 2023年01月18日 14:20/ 0 赞/ 20 阅读

相关 vue 创建新项目

vue 创建新项目 vue init webpack "项目名称" ![在这里插入图片描述][20210419143126691.png] cd .\

以你之姓@/ 2023年01月13日 15:52/ 0 赞/ 257 阅读

相关 ①Vue3 使用Vite或@vue/cli 创建项目

Vue3 前言 Vue3.0的新特性创建项目 Vite @vue/cli -------------------- 写下

àì夳堔傛蜴生んèń/ 2022年11月22日 02:55/ 0 赞/ 283 阅读

相关 vue2或3版本空目录下创建新项目的方法

vue2或3版本空目录下创建新项目的方法安装创建项目运行效果： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sha

r囧r小猫/ 2022年11月17日 05:14/ 0 赞/ 7 阅读

相关创建 vue3 项目

创建 vue3 项目，需要安装 @vue/cli，如果电脑里已安装了 vue-cli，可以选择卸载 vue-cli 或者同时保留 vue-cli 和 @vue/cli。如

男娘i/ 2022年10月06日 00:51/ 0 赞/ 264 阅读

相关 Vue3---项目中引入 assets或public下的图片

引入assets下的图片(assets下的图片会被webpack处理)，css/sass等样式文件中无法使用 <img src="@/assets/xxx.pn

叁歲伎倆/ 2022年09月12日 03:57/ 0 赞/ 2445 阅读

相关【vue】vue创建3.x项目

vue创建3.x项目转载自：[https://blog.csdn.net/weixin\_49257048/article/details/107436525][htt

淡淡的烟草味﹌/ 2022年09月03日 13:12/ 0 赞/ 190 阅读

相关 vue 3.0 创建项目

1.安装node 我的node 版本 10.15.3 和 12.18.0 安装都成功了，用这个node版本安装出来的vue 版本对应是 4.4.6 和4.5.3，目前

客官°小女子只卖身不卖艺/ 2021年09月01日 07:09/ 0 赞/ 441 阅读