vue环境搭建及创建项目

2019-06-26  本文已影响0人  绿啊绿啊绿刺猬

1.首先安装node和npm,可以参考https://www.jianshu.com/p/6500a1f0f513
2.安装webpack,可以参考https://www.jianshu.com/p/b872454b35e0
3.安装vue手脚架:
sudo npm install -g vue-cli
可以输入 vue 查看是否安装成功:

图片.png
出现图片中内容说明已经成功。
4.创建vue项目:
vue init webpack vue01
(vue01是项目名称).
然后会是一些信息,写完直接回车就可以。注意vue-router一定要yes,其他的no就行。
最后一项:Should we run npm install for you after the project has been created? (recommended) (Use arrow keys)选最下面no那个。 图片.png

然后会看到项目已经构建完成:

图片.png
5.输入
sudo npm install
成功之后再输入
npm run dev
会出现一个网址,复制即可在浏览器打开项目。
2
项目构建完成。
上一篇 下一篇

猜你喜欢

热点阅读