使用Nodejs安装VueCLI的详细解释

使用Nodejs安装VueCLI的详细解释
前提:Nodejs本地安装

1。执行新安装--全球VUE CLI,Vue CLI全球安装

因为默认是来自国外服务器,所以您可以在家用镜像服务器中使用阿里巴巴
通过配置命令创建默认下载路径
NPM配置设置注册表https: / / registry.npm.taobao.org
然后再执行:
NPM安装--全球VUE CLI
2。安装完毕后,检查安装是否成功。

Vue V(注意这里的V)

3、Vue建设项目称为我的项目中使用(VUE init WebPACK我的项目),注意该项目的名称不能有资本。

注:Vue CLI的模板包括WebPACK和WebPACK简单,前者是一个更复杂的专业项目,和它的配置是不是都放在根目录下的webpack.config.js。

---- WebPACK简单比较简单,和它的根目录下webpack.config.js。
4。注意:

该项目在建设过程中,有以下的选择和不选择(这个选项使用ESLint规范你的代码,空间误差会报错,无法打开,避免不必要的麻烦)。

接下来的两个项目是单元测试,可以选择NO。
5。项目完成后,目录结构如下:
6,需要依靠项目的安装进入项目:
NPM安装
建成后,将有一个以上的node_modules文件夹目录中的项目,这是一个基于项目的vue.js WebPACK Vue CLI创建。
7、进入项目目录的文件夹(我的项目),你可以使用Vue公司的发展

8。运用新公共管理的发展,你可以打开本地服务器的实时视图(本地:8080)

如果浏览器打开页面没有加载,这是可能的,本地8080端口被占用,和配置文件配置> index.js需要修改
建议端口号改为一个端口,是不常用的。我也会修改构建路径前缀/(原/),因为经过包装,将JS和CSS文件,如果路径/开始,相应的地方文件无法找到(服务器没有问题),所以如果你需要在本地打开打包的文件,你要修改文件的路径。

9。初始效应
10、退出显示器,可直接按Ctrl + C,选择Y。

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部