vue项目搭建

1.安装 node
node -v 先看你有没有node

2.安装vue-cli脚手架工具(可以先全局安装vue-cli~)

$ npm install -g vue-cli
完成以后 vue - V 检测vue-cli是否安装成功,看到版本号就说明成功了

3.初始化项目
vue init webpack item(item为项目名字)


image.png

其中,模板类型有:
browserify -- 全功能的Browserify + vueify,包括热加载,静态检测,单元测试
browserify-simple -- 一个简易的Browserify + vueify,以便于快速开始。
webpack -- 全功能的Webpack + vueify,包括热加载,静态检测,单元测试
webpack-simple -- 一个简易的Webpack + vueify,以便于快速开始。
(根据项目需求来选择模板类型,我这里就选择最全面的webpack模板吧!)

  1. ls


    image.png
  2. cd item


    image.png
  3. npm install


    image.png
  1. npm run dev
    如果报错:


    image.png

卸载webpack-dev-server
npm uninstall webpack-dev-server


image.png

安装2.9.1的webpack
npm install [email protected]


image.png

完成之后 npm run dev

image.png

image.png

我的端口我修改了
启动好了访问http://localhost:8888

完成了

你可能感兴趣的:(vue项目搭建)