VUE脚手架安装

整理一下VUE的开发初期,VUE脚手架工具配置详情。


首先,需要nodeJS支持 ( 点击跳转下载页面 ),下载完后WIN+R=>cmd=>node -v(查看node是否安装,建议更新最新版本,有些旧版本不支持)=>npm -v(查看npm是否安装)

然后,命令行安装脚手架工具:
(PS:国内安装速度肯能有些慢,建议使用淘宝npm镜像,地址: 点我查看国内镜像配置 )

    //全局安装 vue的脚手架工具
    npm install --global vue-cli
    //跳转到项目建设目录下
    E:
    //创建一个基于 webpack 模板的新项目
    vue init webpack my-project
    //进入项目目录下
    cd my-project
    //安装依赖文件
    npm install
    //虚拟服务器运行项目
    npm run dev

vue -V命令行查看vue版本,是否安装成功

在init时的设置:

VUE脚手架搭建

以上,VUE官方DEMO配置完毕,项目打包时使用命令行 npm run build 进行打包,打包前需要注意将config下的index.js文件中的 “assetsPublicPath: ‘/‘“修改为”assetsPublicPath: ‘./‘“。

坚持原创技术分享,您的支持将鼓励我继续创作!