vue.js项目构建基础

Posted 2020-08-15

这里构建的vue.js项目依赖node服务器运行。

项目搭建完整步骤：

1. 安装node.js ，转至nodeJs网站http://nodejs.cn/ 下载nodeJs进行安装。
   1. 安装完毕检查nodeJs安装是否成功？
      
      

   2. nodeJs安装完成，自带npm，可以检查npm是否已经安装 
      
      

2. 安装webpack。

   1. webpack是一个模块加载器兼打包工具，在vue项目中，为了更好的管理代码使用模块系统，使用webpack打包。
   2. 安装webpack 
      
      
   3. 查看webpack是否安装成功？
      
      

3. 安装 vue-cli 脚手架工具 

   1. vue-cli是vue的脚手架工具，用于自动生成vue.js的模板工程
   2.  安装vue-cli 
      
      

       

       

   3. 查看vue-cli是否安装成功?
      
      

4. 使用webpack+vue-cli 初始化项目

   1. 使用vue-cli+webpack构建项目
      
      

   2. 项目初始化之后的目录结构
      
      

   3. 至此，项目搭建完成。