deepin安装node.js

sudo wget https://nodejs.org/dist/v9.2.0/node-v9.2.0-linux-x64.tar.xz
tar xJf node-v9.2.0-linux-x64.tar.xz
mv node-v9.2.0-linux-x64 /opt/node/

  

问题:Ec2 sudo 运行 npm或node时,出现找不到命令:
解决办法:

sudo 运行 npm或node时,出现找不到命令的情况,运行下面这些命令, 

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node /usr/bin/node

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node /usr/lib/node

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/npm /usr/bin/npm

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node-waf /usr/bin/node-waf

  

linux安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建cnpm的软链接,生成全局属性:

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/cnpm /usr/bin/cnpm

cnpm -v 查看版本

cnpm@6.0.0 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.9.0 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@9.2.0 (/opt/node/node-v9.2.0-linux-x64/bin/node)
npminstall@3.20.2 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/opt/node/node-v9.2.0-linux-x64
linux x64 4.15.0-29deepin-generic
registry=https://registry.npm.taobao.org

安装vue:

cnmp install vue

安装vue-cli脚手架构建工具:

cnpm install --global vue-cli

创建一个基于 webpack 模板的新项目:

vue init webpack my-project(my-project为项目名称)

初始化一个项目:

vue init webpack-simple my-project

名词解释:

需要注意的是项目的名称不能大写,不然会报错。

Project name (my-project) # 项目名称(我的项目)
Project description (A Vue.js project) # 项目描述一个Vue.js 项目
Author 作者(你的名字)
Install vue-router? (Y/n) # 是否安装Vue路由,也就是以后是spa(但页面应用需要的模块)
Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码? (Y [ yes ] / N [ no ])
Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint(使用箭头键)
Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha? (Y/ N)
Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试,Nightwatch? (Y/ N) 当然这些都看你自己个人的情况,我这里是全选了yes。

如果提示没有找到package.json,运行下面命令创建

cnpm init -f

进入到项目:

cd my-project

所以在这之前需要解决项目的依赖问题,使用下面的命令安装项目的依赖:

cnpm install

运行项目:

cnpm run dev

deepin vue安装步骤的更多相关文章

  1. VUE安装步骤1

    文件结构 用官方的 vue-cli 生成的项目文件结构如上图所示,简单介绍下上面图中各文件的作用. src 文件夹 : 1. assets 文件夹:存放各种资源文件,如图片等 2. component ...

  2. VUE安装步骤

    项目构建 项目推荐直接使用 Vue 官方提供的脚手架(Vue-cli),所以第一步首先是安装脚手架.在命令行或者 IDE 的 Terminal 窗口中输入以下命令即可自动安装: npm install ...

  3. 2.Vue调试工具vue-devtools的安装步骤和使用

    1.安装步骤: 打开谷歌浏览器设置 -->扩展程序 -->勾选开发者模式 --->加载已解压的扩展程序 --->选择“chrome扩展”文件夹即可:

  4. [Vue安装教程]十分钟学会vue 安装

    Vue的安装主要有一下几个步骤: 1.安装npm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装脚手架工 ...

  5. 在deepin上安装YouCompleteMe

    详细安装步骤在github上有,https://github.com/Valloric/YouCompleteMe,我这里是自己总结的简化版安装步骤. 步骤1.安装Vundle 首先,clone到本地 ...

  6. vue学习笔记 vue安装

    一.安装步骤:(用cmd命令用管理身份安装比较顺利) 1.安装node,安装后可以输入npm -v 查看版本,升级npm可用 cnpm install npm -g 2.安装vue 输入cnpm in ...

  7. vue-cli安装步骤

    vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 条件:  node在4.以上,npm在3以上 安装 指令: 1.npm install -g vue-cli 在全 ...

  8. vue安装以及配置

    今天又重新做了一遍vue的安装步骤: 1.条件,vue需要安装在node环境里面,确保安装了node. 2.安装脚手架. 找一个文件夹,放你的项目.待会儿安装的时候,项目会在你找的这个文件下新增一个你 ...

  9. vue安装遇到的5个报错小结

    前言 这篇博文不会教你怎么安装vue,但会告知安装过程中可能遇到的5个问题 2017年我写过一篇安装vue的博客,详情:https://www.cnblogs.com/tu-0718/p/752109 ...

随机推荐

  1. Spring AOP-用代理代替繁琐逻辑

    Spring AOP 基础概念 AOP 是一种面向切面的编程思想,通俗来讲,这里假如我们有多个方法. @Component public class Demo { public void say1() ...

  2. 抓包工具Burp Suite安装步骤(待补充)

    Burp Suite V2.1(破解版)安装步骤:(可以自行下载破解版或汉化版) 百度网盘下载地址: 链接:https://pan.baidu.com/s/1bU5JME3OsEsXrSirTdesR ...

  3. python 3 字典

    字典,是可变的无序集合,同时是一种以键值对为基本元素的可以存储各种数据类型的集合,用大括号({})表示字典的开始和结束,元素之间用(,)分隔. 键值对,由键(Key)和值(Value)组成,中间用冒号 ...

  4. Linux打包压缩解压工具

    第1章      Linux 打包压缩解压工具一.压缩.解压工具 compress/uncompress gzip/gunzip bzip2/bunzip2/ bzcat xz/unxz/ xzcat ...

  5. [LeetCode]494. 目标和、416. 分割等和子集(0-1背包,DP)

    题目一 494. 目标和 给定一个非负整数数组,a1, a2, ..., an, 和一个目标数,S.现在你有两个符号 + 和 -.对于数组中的任意一个整数,你都可以从 + 或 -中选择一个符号添加在前 ...

  6. 基于abp的小小设备控制系统设计

    客户有一堆小设备,需要通过小程序来控制它们,主要是设备门的开关.电源开关.状态查询.压力控制等.下面主要纪录下设计思路.源码地址:https://gitee.com/bxjg1987/abp 最初的设 ...

  7. python链表从尾到头的顺序返回一个ArrayList

    思路:获取链表的值,添加入列表中,反转列表即可获得ArrayList # -*- coding:utf-8 -*- # class ListNode: # def __init__(self, x): ...

  8. C#开发PACS医学影像处理系统(十六):2D处理之影像平移和缩放

    1.平移,利用WPF中控件边距来控制位移: /// <summary> /// 平移图像 /// </summary> /// <param name="X&q ...

  9. 北京数途科技有限公司--EAM MAXIMO介绍

    一.EAM概述: EAM( Enterprise Asset Management)即企业资产维护管理系统 ,它是面向资产密集型(Asset-intensive)企业的企业信息化 解决方案的总称,其前 ...

  10. win10彻底卸载和删除MySql

    版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/qq_41140741/article/de ...