nodejs搭建vue环境

news/2024/7/9 23:35:23 标签: vue

1、安装node js

  下载地址:http://nodejs.cn/download/
2、安装完成后运行Node.js command promptnode -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启动项目,浏览器会打开 http://localhost:8080/#/ 看到以下效果

      

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

 

9、编译打包 cnpm run build

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

     

10、使用jQuery包

  http://www.cnblogs.com/pandabunny/p/5417938.html


http://www.niftyadmin.cn/n/1087350.html

相关文章

jdk 8 10大新特性

参考链接:https://www.cnblogs.com/dennyzhangdd/p/6722445.html 文章摘要: 1.Lambda表达式 2.Stream函数式操作流元素集合 3.接口新增:默认方法与静态方法 4.方法引用,与Lambda表达式联合使用 5.引入重复注解 6.类型注解 7.最新的Date/Time …

ftp的坑

CentOS中vsftp服务安装、配置、卸载 1.检查centos是否安装vsftpd [rootlocalhost zhangzhuo]# rpm -aq vsftpd vsftpd-3.0.2-22.el7.x86_64 #查询的返回结果,表明已安装 若要卸载Vfstpd: [rootlocalhost zhangzhuo]# rpm -e vsftpd-3.0.22-22.el7.x86_64 由于我的…

[后缀数组]luogu 3809 后缀排序

https://www.luogu.org/problemnew/show/P3809 分析 SA模板&#xff08;找个时间把SA学习笔记写了&#xff09; #include <iostream> #include <cstdio> #include <cstring> using namespace std; const int N1e610; int n,m; int c[N],x[N],y[N],sa[N],rk[N…

局部变量、全局变量和修改全局变量

局部变量 <1>什么是局部变量 如下图所示: <2>小总结 局部变量&#xff0c;就是在函数内部定义的变量不同的函数&#xff0c;可以定义相同的名字的局部变量&#xff0c;但是各用个的不会产生影响局部变量的作用&#xff0c;为了临时保存数据需要在函数中定义变量来进…

大二暑假周进度报告(四)

&#xff08;1&#xff09;本周进度 ①在网上找资料学习MVC体系架构&#xff0c;想至少学会一种体系架构。 ②通过了第二份家教的试讲&#xff0c;已经开始两份兼职。 ③结合所学的一点知识&#xff0c;对河北省创新平台年报统计系统的功能进行重写。 &#xff08;2&#xff09…

[费用流]luogu P3980 志愿者招募

https://www.luogu.org/problemnew/show/P3980 分析 这题可谓是借差补全的典例了 一拿到题&#xff0c;想法肯定是源点向志愿者连费用的边&#xff0c;志愿者向时间段连边&#xff0c;时间段向t连需求的边 但是我们发现&#xff0c;这样的话需要把一个流量当多个流量用&#xf…

微服务的概念

--------------------- 作者&#xff1a;Soinice 来源&#xff1a;CSDN 原文&#xff1a;https://blog.csdn.net/Soinice/article/details/83989225 版权声明&#xff1a;本文为博主原创文章&#xff0c;转载请附上博文链接&#xff01; 目录 前言 一、微服务介绍 1.什…

简介一下 i++和++ii=i+i,i+=1;的区别

首先&#xff1a; int i2; i2; i3; 前者先显示当前的值&#xff0c;而后者则是先自增在显示值&#xff1b; second ii1和i1; 输出结果虽然一样&#xff0c;但是 1.byte i2;i2;2.byte i2;ii2;第一种编译可以通过&#xff0c;第二种却不能通过&#xff0c;因为当使用第一种复合赋…