安装vue-cli的步骤

最新推荐文章于 2024-06-28 17:04:58 发布

原创最新推荐文章于 2024-06-28 17:04:58 发布 · 273 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #node #webpack

vue 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍如何从零开始搭建一个Vue项目，包括安装Node.js、配置淘宝镜像、使用vue-cli初始化项目、安装依赖及运行项目等步骤。特别提醒在安装过程中的一些注意事项，如网络稳定性、ESLint的选择等。

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

首先：
       win+r 打开终端
       输入cmd
   1.安装node
       注意：
           node版本必须是10多的，最新的，否则有可能会出现问题

具体怎么样，还是试试吧！系统有时候不支持...
       安装成功后终端输入
   2.安装淘宝镜像：
       npm：
           npm install -g cnpm –registry=https://registry.npm.taobao.org
           注意：
               node版本不同可能安装镜像不同，酌情考虑。
   3.全局安装vue-cli：
       npm：
           cnpm install -g vue-cli
   4.初始化project：
       npm：
           vue init webpack my-project
       注意：
           这个安装过程中有一个ESLint的选择YES或者NO时，选择NO
   5.安装依赖
       npm：
           cnpm install
       注意：
           这之前要一直联网
   6.运行
       npm：
           npm run dev
       到了这一步之前注意要把服务器打开，然后浏览器打开输入：
           http://localhost:8080，然后就可以看到vue那个成功了
   注意：
       期间网络不稳定，有可能会报错或者出现安装不成功的问题，如果英语够好，那基本没什么大问题。