vue -- 01安装、创建、跑通

最新推荐文章于 2025-07-07 09:23:06 发布

原创最新推荐文章于 2025-07-07 09:23:06 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

前端专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何在不同版本间切换、安装Vue CLI、验证安装、创建项目以及解决常见问题，如Python依赖和Node-sass的安装。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue安装

查看版本

vue/cli --version

查看2.xx版本

npm view vue-cli versions --json

vue init webpack vue2xx

查看3.xx以上版本

npm view @vue/cli versions --json

vue create my-project

卸载

npm uninstall -g @vue/cli

安装指定版本（2.xx）

npm install -g vue-cli@2.9.6

安装指定版本（3.xx）

npm install -g @vue/cli@3.9.3

安装最新版本

npm install -g @vue/cli

作者：铁有情
链接：https://www.jianshu.com/p/cd5dc9aad773
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

查看是否安装成功

vue -V

在这里插入图片描述

创建项目

vue create APP_NAME

在这里插入图片描述

手动安装

在这里插入图片描述
空格选择

历史模式：

在这里插入图片描述

`scss`

`in package.json`

放到一个文件中方便管理
在这里插入图片描述

`是否保存为配置文件`

在这里插入图片描述
到这里大概率会出现一个pyhton 的错误(因为需要python2)

进入到创建的app文件夹中

import sys   print "%s%s%s"

第一次发现annaconda香起来了

# 创建py27
conda create -n py27 python==2.7
# 切换到py27
conda activate py27

重新安装node-sass

npm install node-sass@4.14.1

在这里插入图片描述

启动

ide启动
在这里插入图片描述

cmd启动：

在app项目目录下

npm run serve

在这里插入图片描述