本文环境：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项目的详细内容，更多请关注其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
