本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。
新建一个vue.js项目的方法:
1、创建vue项目有很多种方式。如果是为了制作原型或学习,我们可以采取直接在html文件中采用<script>
引入的方式,这样Vue会被注册为一个全局变量。我们可以在页面中写JS,或者将JS封装在一个文件中引入到html页面中。代码如图所示。
2、但是构建大型应用时推荐使用 NPM 安装,最方便的是使用vue提供的一个脚手架或者说叫做命令行工具 (CLI)。
3、首先确保安装了node.js环境。百度搜索"node.js",进入官网,下载自己操作系统对应的版本(建议稳定版本)就好,这里我是windwos 10版本。
4、安装好了之后,打开power shell,输入node -v
,查看是否安装成功。同样的npm(node.js的包管理工具)会自动安装上。同样输入npm -v 查看版本。
5、使用npm安装vue命令行工具(CLI)。输入"npm install -g @vue/cli"
就OK了。
6、然后开始创建vue项目,我们只需要输入“vue create my-project”,这里"my-project"指项目名称。如图,我创建了一个“hello-world”项目,使用默认的预置babel和eslint即可,前者是一个 JavaScript 编译器,后者是一个代码格式约定。
7、然后进入hello-world目录,使用"npm run serve"
运行项目。
8、在浏览器中输入地址,就可以看到页面。
以上就是如何新建一个vue.js项目的详细内容,更多请关注易知道|edz.cc其它相关文章!