宝哥软件园

vue-cli安装和使用过程步骤的详细说明

编辑:宝哥软件园 来源:互联网 时间:2021-08-28

1.全局安装vue-cli

cnpm i vue-cli -g

2.监控安装版本

查看版本

大写V :版本

3.指定目录下的新项目

vue init web pack[项目名称]

根据自己的意愿配置和选择相应的信息。最后,配置完成。检查package.json是否如此

4.进入项目

cd演示

5.安装所有依赖项(或在init中选择自动安装)

cnpm i

6.安装您需要但默认未安装的软件(如axios)

cnpm i - S vuex axios

(上图我忘了cd到对应的目录,自己安装的时候一定要先cd到对应的目录,否则会在文件夹的同层构建另一个package.json和node_modules。)

注意:-s大写,将安装在依赖项中

6.安装成功运行

cnpm运行开发

这里默认配置的端口是8080(以后可以更改),现在可以在浏览器中打开http://localhost:8080,如下图所示成功

更多资讯
游戏推荐
更多+