vue 入门 环境搭建 创建项目 打包 上传

1. node 安装自行百度

2. 全局安装 webpack

    npm install webpack -g
   

   安装webpack-cli

    npm install webpack-cli -g
   

   查看版本

    webpack -v
   

3. 全局安装vue

    npm install vue -g
   

   安装 vue-cli

    npm install vue-cli -g
   

   查看vue 版本 vue -V

4. 创建项目

    vue init webpack
   

   以下前两个为严格模式设置为No即可

    ? Set up unit tests  No
    ? Setup e2e tests with Nightwatch?  No 
    ? Generate project in current directory? Yes
    ? Project name first-vue
    ? Project description 第一个vue项目
    ? Author ami
    ? Vue build standalone
    ? Install vue-router? Yes
    ? Use ESLint to lint your code? Yes
    ? Pick an ESLint preset Standard
    ? Set up unit tests No
    ? Setup e2e tests with Nightwatch? No
   
   
    npm run dev
   

config 文件下的index.js 文件内 修改参数 autoOpenBrowser 值为 true 自动打开浏览器

端口号 port 参数修改

5. 打包 config/index.js 内 build的对象 assetsPublicPath参数 '/' 修改为 './'，将打包后的文件夹放入 github 根目录文件夹 上

命令：

npm run build

祝你成功