脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-从安装nodejs到构建一个vue并启动它，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

从安装node js到构建一个vue并启动它

1、安装node js

下载地址：https://nodejs.cn/download/

2、安装完成后运行Node.js command prompt(node -v查看安装版本)

3、安装npm(由于现在版本的nodejs已经集成npm所以无需安装，可以用npm -v查看版本)

4、注册cnpm来代替npm

使用命令：npm install cnpm -g --registry=https://registry.npm.taobao.org

如果你发现你安装成功了，使用cnpm却发现找不到命令，那么就是你的环境变量有问题，在环境变量里面的path添加你node的安装路径就行，比如";C:/PRogram Files/nodejs/node_modules"

5、安装vue脚手架vue-cli

命令：cnpm install -g vue-cli

安装成功后可以用vue -V查看vue版本

6、cd到对应的目录下初始化vue项目

命令：vue inIT webpack my-project

Project name 项目名

Project description 项目名描述

Author 作者邮箱

Use ESLint to lint your code? 是否需要ESlist语法检查

SETUP unit tests with Karma + Mocha? 是否需要单元测试

Setup e2e tests with Nightwatch? Yes是否需要e2e测试

7、package.json为项目依赖资源，如果要运行这个项目需要使用cnpm install安装依赖项(直接在项目文件夹路径下执行)

8、使用命令cnpm run dev启动项目，浏览器会打开https://localhost:8080/#/看到以下效果

开发时属于热部署状态，代码保存后浏览器会自动刷新，错误提示也非常友好。

9、编译打包cnpm run build

会编译打包到项目dist文件夹下，然后我们就可以部署到服务器上(注意：如果你直接打开index.htML，可能页面会是一片空白，这是由于你引用的js路径有问题)

10、使用jquery包

https://www.cnblogs.COM/pandabunny/p/5417938.html

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-从安装nodejs到构建一个vue并启动它全部内容，希望文章能够帮你解决javascript代码实例教程-从安装nodejs到构建一个vue并启动它所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。