vue安装过程

快来打我* 2022-04-18 02:09 189阅读 0赞

安装Vue

npm install vue -g

全局安装 Vue-cli

npm install -g vue-cli

创建项目

Vue init webpack my-project

安装依赖

cd my-project

npm install

npm run dev

Vue-cli3.x的安装方式

npm install -g @vue/cli

如果之前安装过2.0版本的需要先卸载再重新安装

npm uninstall vue-cli -g

vue --version

检查是否安装成功

vue UI

可视化创建项目

在安装vue的时候经常会遇到一些问题,比如说遇到

![20200414121111750.png][]

网上查了一些资料说可以通过cmd 管理员命令进行改指令可以,但是我的电脑是这样的

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70][]

但是我的电脑走不通这条路

![2020041412202980.png][]

所以我没有办法只能使用管理员方式进行直接创建项目,但是创建的项目却一直报错

因为node-scss

这个在安装的时候经常出错

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 1][]

报错之后执行下面的操作

如果在下载的时候报错可以试一下下面的这个方法

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
    npm config set registry https://registry.npm.taobao.org

执行完这两句之后重新加载一下所有的插件

npm i

然后再次运行,竟然可以了呢

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 2][]

[20200414121111750.png]: /images/20220418/1aecd92ad77a4417b50047b8b1cd19a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70]: /images/20220418/62c9779c1425404b978569c348f575e2.png
[2020041412202980.png]: /images/20220418/78ebc56d8647424ca8fb3362062c0243.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 1]: /images/20220418/af7ad556777d498b973ffe792b7ad3e2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 2]: /images/20220418/06d000df331f4404bbec6a98b99b70b7.png