vue项目使用脚手架创建 webpack-simple项目流程

该初始化项目的方式建议有一定搭建项目基础的开发人员使用。因为采用如下精简化的方式安装,不会在项目中生成bulid文件夹、config文件夹、static文件夹,这些文件是很重要的,配置跨域问题会用到)

  • cd Desktop/vueLearn/teacher1进入teacher1文件夹

    image.png

  • vue init webpack-simple Demo5 初始化名为Demo5的项目仓库

    image.png

  • cd Demo5进入Demo5文件夹

    image.png

  • cnpm install 安装依赖
    注意:一定要写,否则会报sh: cross-env: command not found的错误

    image.png

    不写cnpm install报错如下
    image.png

  • sudo cnpm run dev(在本地主机上加载)
    然后就会自动打开浏览器了

    image.png

image.png

新手最好采用我的这篇文章的创建方式 vue 命令行的方式搭建用git管理的vue项目

你可能感兴趣的:(vue项目使用脚手架创建 webpack-simple项目流程)