创建和运行一个vue文件

1.创建

  • node.js环境(npm包管理器):安装node.js,因为npm包管理器集成在node中。
  • cnpm  npm的淘宝镜像:在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org ,然后可以使用cnpm代替npm.
  • vue-cli 脚手架构建工具:cnpm install -g vue-cli
  • 使用cli构建项目:命令行中运行命令,先切换到项目目录(用来保存), vue init webpack+项目名 ,之后根据提示选择Y或者N。此时项目框架有了,但是需要安装依赖:切换到项目目录,cnmp install,此时,文件夹多了一个node_modules,这里面是项目需要的依赖包。

2.运行

       首先命令行进入项目目录,输入命令:npm run dev(若是文件夹里没有node_modules需要cnpm install),会给出一个http://localhost:8080;打开就可以看到网页了。【注意:不能关闭命令行窗口】。如果很慢可以使用淘宝的cnpm镜像。

发布了54 篇原创文章 · 获赞 43 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/xyx107/article/details/90294625