详细说明使用nodeJs安装Vue-cli

前提：nodeJs安装在本地。

1.执行npm安装-全局vue-cli并全局安装vue-cli

-

生成由配置命令设置的默认下载路径：

Npm配置设置注册表https://registry.npm.taobao.org，然后执行：

Npm安装-globalvue-cli2。安装后，检查安装是否成功。

Vue -V(注意这里V是大写的)

3.使用vue构建一个名为“my-project”(vue init web pack my-project)的项目，注意项目名称不能大写。

-注意：vue-cli的模板包括webpack和webpack-simple。前者是一个复杂而专业的项目，其配置并不全在webpack.config.js根目录下。

- webpack-simple相对简单，其根目录下只有一个webpack.config.js。

4.注意：

在项目建立过程中，有以下选择，选择否.(这个选项是使用ESLint来标准化您的代码。将报告任何空白错误。不要打开，以免不必要的麻烦。).

最后两项是单元测试，你可以选择否。

5.项目成立后，目录结构如下：

6.安装项目所需的依赖项，并输入项目：

完成npm安装后，您会发现项目目录中有一个额外的node_modules文件夹，这是vue-cli基于webpack创建的vue.js项目。

7.进入项目目录文件夹(我的项目)，您可以使用vue进行开发

8.使用npm run dev，您可以打开本地服务器实时查看效果(localhost:8080)

如果浏览器打开后没有加载页面，可能会占用本地端口8080，需要修改配置文件configindex.js

建议将端口号更改为不常用的端口。此外，我还将build的路径前缀修改为’。/'(原来是'/')，因为打包后从外部导入js和css文件时，如果路径以'/'开头，则在本地找不到对应的文件(服务器上没有问题)。因此，如果您需要在本地打开打包的文件，您必须修改文件路径。

9.初始效应

10.要退出收听，可以直接Ctrl C并选择Y.

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。